awesome-repositories.com
المدونة
MCP
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعخادم MCPحولكيفية ترتيب النتائجالصحافة
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

17 مستودعات

Awesome GitHub RepositoriesTime Range Selections

Interface for highlighting specific contiguous blocks of time to trigger event creation or custom actions.

Distinct from Range Sliders: Distinct from numeric range sliders: involves selecting a visual range of dates or hours on a calendar grid.

Explore 17 awesome GitHub repositories matching user interface & experience · Time Range Selections. Refine with filters or upvote what's useful.

Awesome Time Range Selections GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • fullcalendar/fullcalendarالصورة الرمزية لـ fullcalendar

    fullcalendar/fullcalendar

    20,506عرض على GitHub↗

    FullCalendar is a framework-agnostic UI library and JavaScript calendar component designed for building interactive event scheduling interfaces. It provides tools for managing time-based data, including an integrated iCal feed parser for importing external calendar files and recurring schedules into a unified web view. The library features a system for event scheduling and management, enabling users to reschedule entries via drag-and-drop, adjust event durations by resizing, and highlight specific time ranges for selection. It supports multiple date views, such as month, week, day, and list f

    Provides the ability to highlight specific date and time ranges to trigger bookings or custom callbacks.

    TypeScript
    عرض على GitHub↗20,506
  • home-assistant/home-assistant.ioالصورة الرمزية لـ home-assistant

    home-assistant/home-assistant.io

    9,466عرض على GitHub↗

    Home Assistant is a local home automation platform and server that acts as an IoT device orchestrator. It integrates diverse smart home hardware by wrapping third-party APIs into a standardized logic layer and stores all system state and historical statistics on local hardware to eliminate cloud dependencies. The system functions as a Matter IoT controller and an MQTT home automation bridge, allowing for local interoperability between different manufacturers. It features a state-based entity model and an internal event bus that decouple physical device logic from system automation. The platf

    Provides numeric inputs and sliders with constraints and optional units of measurement for configuration.

    HTMLdocumentationhacktoberfesthass
    عرض على GitHub↗9,466
  • chalarangelo/30-seconds-of-pythonالصورة الرمزية لـ Chalarangelo

    Chalarangelo/30-seconds-of-python

    8,826عرض على GitHub↗

    30 Seconds of Python is a curated collection of short, reusable Python code snippets designed for quick reference and immediate reuse. It provides an interactive browser that lets you explore snippets organized by tags, search across names and descriptions, and copy code to your clipboard with a single click. The collection covers a broad range of common programming tasks, including list and dictionary operations, string formatting and manipulation, date and time calculations, and color format conversion. It also includes utilities for data transformation, such as converting between case styl

    Provides a function to generate a list of numbers within a given range.

    Pythoneducationlearn-to-codelearning-resources
    عرض على GitHub↗8,826
  • xuexiangjys/xuiالصورة الرمزية لـ xuexiangjys

    xuexiangjys/XUI

    5,075عرض على GitHub↗

    XUI هو إطار عمل لواجهة مستخدم Android ومكتبة مكونات مصممة لبناء واجهات التطبيقات. يوفر مجموعة شاملة من التخطيطات الأصلية، وحقول الإدخال، وعناصر التنقل، مدعومة بنظام إدارة سمات متعدد المستويات لتعريف السمات البصرية العالمية والأنماط المتجاوبة. يتميز إطار العمل بمجموعة متخصصة من طرق العرض المخصصة ومجموعات أدوات التفاعل، بما في ذلك تقويمات عالية الأداء، وعرض تصور البيانات، ومجموعة متنوعة من الأزرار المصممة مع مؤقتات مدمجة وتأثيرات بصرية. كما يتضمن إمكانيات معالجة الوسائط المتكاملة مثل مسح الباركود ورموز QR، وتوليد QR مخصص، وواجهة قص الصور. يغطي المشروع نطاقاً واسعاً من قدرات واجهة المستخدم وتجربة المستخدم، بما في ذلك مكونات إدخال البيانات المتنوعة، وبدائيات النوافذ العائمة، ومجموعة واسعة من مؤشرات التغذية الراجعة مثل snackbars ومقاييس التقدم. كما يوفر قوالب التخطيط، وتكوين الطباعة، وأنظمة الرسوم المتحركة لإدارة انتقالات العرض والتغذية الراجعة التفاعلية.

    Provides dual-thumb sliders for selecting a minimum and maximum numeric range.

    Javaandroidandroid-uistyles
    عرض على GitHub↗5,075
  • chakra-ui/arkالصورة الرمزية لـ chakra-ui

    chakra-ui/ark

    5,004عرض على GitHub↗

    Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

    Provides a range slider with two thumbs for selecting a numeric minimum and maximum value.

    TypeScriptcomponentsdesign-systemheadless
    عرض على GitHub↗5,004
  • sodiray/radashالصورة الرمزية لـ sodiray

    sodiray/radash

    4,845عرض على GitHub↗

    Radash هي مكتبة أدوات وظيفية لـ TypeScript مصممة لتحويل البيانات، والتحقق من الصحة، وإدارة سير العمل. توفر مجموعة من دوال المساعدة المكتوبة بأنواع لمعالجة المصفوفات، والكائنات، والسلاسل. يتميز المشروع بمجموعة أدوات سير عمل غير متزامنة لإدارة الوعود، وإعادة المحاولات، وحدود التزامن، إلى جانب مجموعة من أدوات التحقق المنطقية للتحقق من الأنواع البدائية، والكائنات، والوعود. كما يطبق أنماط البرمجة الوظيفية مثل تكوين الدوال، والتطبيق الجزئي، وأنماط الاستجابة الأولى للخطأ. تغطي المكتبة مساحة واسعة من القدرات، بما في ذلك إدارة حالة الكائن مع الاستنساخ والدمج العميق، ومعالجات المصفوفات المعقدة، وتنسيق السلاسل. توفر بالإضافة إلى ذلك أدوات لتحسين التنفيذ، مثل تحديد المعدل وتخزين النتائج مؤقتاً.

    Creates lists of numbers within a specified range using programmatic generation.

    TypeScriptfunctionshacktoberfestjavascript
    عرض على GitHub↗4,845
  • searchkit/searchkitالصورة الرمزية لـ searchkit

    searchkit/searchkit

    4,855عرض على GitHub↗

    Searchkit هو إطار عمل لواجهة البحث مصمم لبناء واجهات بحث باستخدام React و Vue تتصل بخلفيات Elasticsearch و OpenSearch. يوفر طبقة ترجمة لاستعلامات البحث لتحويل حالات البحث في الواجهة الأمامية إلى لغات استعلام خاصة بالمحرك ومحرك عرض للنتائج لعرض النتائج وقوائم الأوجه (facets) والترقيم. يتضمن إطار العمل واجهة بحث دلالية تتيح عمليات بحث الجيران الأقرب القائمة على المتجهات ومعالجة اللغة الطبيعية. يتميز بنظام ترجمة قائم على المحولات (adapters) وتعيين واجهة مستخدم قائم على المكونات يربط منطق البحث بطرق عرض قابلة للتبديل عبر واجهة موحدة. يغطي المشروع مجموعة واسعة من القدرات، بما في ذلك إدارة الحالة لمزامنة الفلاتر والترقيم، وتوليد أوجه معقدة للتصفية الهرمية والرقمية، ومنطق ترتيب مخصص من خلال ترجيح أولوية الحقول. كما يوفر أدوات لتثبيت النتائج، وتعديل قواعد الاستعلام، والتصور الجغرافي عبر واجهات قائمة على الخرائط. للأمن والقابلية للتوسع، يستخدم المشروع طبقة وصول API لتوجيه الطلبات بين المتصفح وعنقود البحث ويدعم اعتراض الطلبات القائم على البرمجيات الوسيطة (middleware) لتعديل الاستعلامات والردود.

    Provides a dual-handle slider to refine search results by adjusting the minimum and maximum values of numeric attributes.

    TypeScript
    عرض على GitHub↗4,855
  • ionicfirebaseapp/getwidgetالصورة الرمزية لـ ionicfirebaseapp

    ionicfirebaseapp/getwidget

    4,819عرض على GitHub↗

    Getwidget is a comprehensive Flutter UI component library and design system providing over 1,000 pre-built widgets for creating cross-platform user interfaces. It serves as a production-ready widget gallery designed to accelerate the front-end development process through a wide array of pre-composed elements. The project includes a specialized AI interaction UI kit featuring components for rendering streaming large language model responses, RAG chat interfaces, and real-time voice agents. It also provides operational utilities for estimating monthly LLM expenditures based on token usage and p

    Provides dual-thumb range sliders for selecting continuous minimum and maximum values.

    Dartdartdart-librarydart-package
    عرض على GitHub↗4,819
  • xinthink/react-native-material-kitالصورة الرمزية لـ xinthink

    xinthink/react-native-material-kit

    4,821عرض على GitHub↗

    هذا المشروع عبارة عن مكتبة واجهات مستخدم بتصميم Material Design ومجموعة أدوات للمكونات عبر المنصات. يوفر مجموعة من مكونات واجهة المستخدم مسبقة التصميم وإطار عمل للتخطيط مصمم لضمان تجربة بصرية متسقة عبر مختلف الأجهزة المحمولة. تتضمن المكتبة نظاماً لإدارة سمات الأجهزة المحمولة لتعريف وتحديث لوحات الألوان العالمية وقواعد التصميم عبر واجهة التطبيق. كما يطبق أنماط تخطيط وقواعد تباعد موحدة للحفاظ على تصميم نظيف ومتسق. تغطي مجموعة الأدوات بناء نماذج وواجهات الأجهزة المحمولة باستخدام عناصر مثل الأزرار، والبطاقات، وحقول إدخال النصوص، ومؤشرات التحميل، ومفاتيح التبديل، ومنزلقات القيم.

    Renders range sliders to let users select specific numeric values or intervals.

    TypeScript
    عرض على GitHub↗4,821
  • zdhxiong/mduiالصورة الرمزية لـ zdhxiong

    zdhxiong/mdui

    4,517عرض على GitHub↗

    mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor

    Provides numeric range sliders featuring dual thumbs for selecting minimum and maximum values.

    TypeScriptcssjavascriptmaterial
    عرض على GitHub↗4,517
  • apostrophecms/apostropheالصورة الرمزية لـ apostrophecms

    apostrophecms/apostrophe

    4,524عرض على GitHub↗

    Apostrophe is an open-source Node.js headless content management system that delivers structured content through REST APIs while providing a visual in-context page editor for live editing. It is built on a module-based plugin architecture that extends CMS functionality through reusable modules, each encapsulating logic, configuration, and templates. The system uses schema-driven content modeling to define data structures and validation rules through configurable schemas and custom field types, with all content stored as flexible JSON-like documents in MongoDB. The platform distinguishes itsel

    Ships a numeric range input field for selecting values within defined minimum and maximum boundaries.

    JavaScriptapostrophecmscms-framework
    عرض على GitHub↗4,524
  • ohif/viewersالصورة الرمزية لـ OHIF

    OHIF/Viewers

    4,035عرض على GitHub↗

    Viewers is a zero-footprint DICOMweb medical imaging viewer and a modular plugin framework. It serves as a diagnostic interface for rendering 2D and 3D medical images, providing a web-based clinical workflow engine to automate image layouts and toolsets. The project distinguishes itself through a highly extensible architecture that allows for the development of custom clinical workflows, specialized viewing modes, and the integration of external functional extensions. It includes a dedicated command line interface for managing these plugins and supports white-labeling through a comprehensive

    Provides a double-handle slider for selecting numeric ranges to define image boundaries.

    TypeScriptcancer-imaging-researchdicomdicom-viewer
    عرض على GitHub↗4,035
  • taiga-family/taiga-uiالصورة الرمزية لـ taiga-family

    taiga-family/taiga-ui

    4,002عرض على GitHub↗

    Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp

    Implements dual-thumb sliders for selecting minimum and maximum numeric values simultaneously.

    TypeScriptangularbest-practicescdk
    عرض على GitHub↗4,002
  • mckinsey/vizroالصورة الرمزية لـ mckinsey

    mckinsey/vizro

    3,579عرض على GitHub↗

    Vizro is a low-code Python framework for building production-ready data visualization applications. It functions as a UI orchestrator that allows users to define multi-page analytical dashboards through structured configurations in Python, YAML, or JSON, reducing the need for extensive frontend engineering. The project distinguishes itself through generative AI integration, utilizing a model context protocol server to translate natural language descriptions into validated dashboard configurations, charts, and layouts. It also features a decoupled data cataloging system that separates data sou

    Provides numeric and range sliders for selecting single values or numeric intervals.

    Pythondashboarddata-visualizationplotly
    عرض على GitHub↗3,579
  • makieorg/makie.jlالصورة الرمزية لـ MakieOrg

    MakieOrg/Makie.jl

    2,778عرض على GitHub↗

    Makie.jl is a high-performance Julia data visualization library and hardware-accelerated plotting engine used to create interactive 2D and 3D visualizations. It functions as a reactive visualization framework where plots update automatically via observables and compute graphs, and as a vector graphics generator for high-resolution academic output. The system is distinguished by its backend-agnostic rendering pipeline, which supports OpenGL, WebGL, and ray-traced scenes. It employs a grammar-of-graphics approach to map variables to aesthetic attributes and utilizes a hierarchical scene graph t

    Ships range selectors with dual draggable edges for picking a numeric span between two values.

    Juliagpugraphicsjulia
    عرض على GitHub↗2,778
  • hsuanyi-chou/shadcn-ui-expansionsالصورة الرمزية لـ hsuanyi-chou

    hsuanyi-chou/shadcn-ui-expansions

    1,926عرض على GitHub↗

    Shadcn-ui-expansions is a React and Tailwind CSS component library that provides a collection of pre-built user interface elements and utilities designed to be copied directly into web applications. The project extends the shadcn-ui ecosystem with additional interactive widgets and layout elements to speed up frontend development. The library includes advanced form controls such as date and time pickers, searchable multi-item tag selectors, dual-range numeric sliders, and expanding textareas that automatically adjust height as content grows. Additional components feature animated text typing

    Allows selecting a numeric range with two independent handles on a single interactive track.

    TypeScriptnextjsreactshadcnui
    عرض على GitHub↗1,926
  • angular-slider/angularjs-sliderالصورة الرمزية لـ angular-slider

    angular-slider/angularjs-slider

    1,220عرض على GitHub↗

    The angularjs-slider repository provides a lightweight slider directive built specifically for the AngularJS framework. It offers single-handle and dual-handle numeric selection components with no external dependencies, allowing users to pick values or ranges by dragging interactive handles along a track. The component supports extensive customization options, including minimum and maximum boundaries, forbidden zones, step increments, decimal precision, and custom markup templates. Developers can configure these parameters through instance-level attributes or via a centralized service provide

    Provides a dual-handle range slider component letting users select minimum and maximum numeric boundaries smoothly.

    JavaScriptangularjavascriptrange-slider
    عرض على GitHub↗1,220
  1. Home
  2. User Interface & Experience
  3. Range Sliders
  4. Time Range Selections

استكشف الوسوم الفرعية

  • Numeric Range Sliders2 وسوم فرعيةSlider components with two thumbs for selecting a minimum and maximum numeric value simultaneously. **Distinct from Time Range Selections:** Distinct from Time Range Selections: focuses on numeric value ranges, not time-based intervals.