nathanreyes/v-calendar

Features

• Date and Time Pickers - Provides a comprehensive UI for selecting single dates, date ranges, and specific timestamps.
• Calendar Day - Modifies the appearance of date number labels using custom colors, CSS classes, or inline styles.
• Date Attribute Visualizations - Features a visual date grid that allows marking specific days with attributes, dots, and popovers.
• Calendar Date Selection - Ships interactive Vue components for picking individual dates or ranges from a calendar grid.
• Calendar Grid Rendering - Displays dates in daily, weekly, or monthly formats with customizable layouts and localization.
• Component Slot Customization - Allows replacing default headers, navigation buttons, and day content with custom Vue components via slots.
• Configuration-Driven Layouts - Determines the visual structure of the calendar grid based on view-mode settings like monthly, weekly, or daily.
• Layout Configuration - Adjusts the visual structure using options for full-width expansion, weekly views, and multi-column grids.
• Date Highlighting - Marks individual days or date ranges on the calendar to visually distinguish them from others.
• Calendar-Based Scheduling Interfaces - Provides a calendar-based interface for managing time-based data with timezone support and programmable navigation.
• Datepicker Widgets - Implements customizable datepicker widgets with support for localized formats and range restrictions.
• Calendar Date Decorators - Provides capabilities to apply custom colors and markers to specific dates to highlight events or patterns.
• Calendar Components - Provides a customizable calendar component for Vue with built-in support for date ranges and time selection.
• Calendar Navigation Systems - Moves the calendar view to specific dates or pages programmatically to manage focus.
• Event Visualizations - Visualizes scheduled events and availability by highlighting specific dates or ranges on the calendar.
• Calendar Localization - Calculates day positions and labels based on regional settings for first-day-of-week and language translations.
• Regional Calendar Settings - Configures region-specific settings for the first day of the week and translated names for days and months.
• Date String Parsers - Converts user-entered date text into date objects using a sequence of prioritized formatting masks.
• Date String Formatters - Supports custom mask strings to define how dates are formatted in headers and input fields.
• Timezone Configuration - Defines a specific timezone for dates and times or defaults to the browser local setting.
• Component Style Customizations - Allows adjusting visual styles using theme properties and custom variables to match specific application designs.
• Time Selection Restrictions - Limits selectable hours and minutes via fixed values, allowed lists, or custom logic functions.
• Selection Restrictions - Prevents users from selecting specific dates or time periods by marking them as disabled.
• Date Range Restrictions - Constrains selectable and navigable dates within the calendar to a defined minimum and maximum boundary.
• Selection Marker Customizations - Enables replacing default selection markers with custom attributes or popovers to change the appearance of selected dates.
• Popover Overlays - Provides popover overlays that display attribute information when users interact with specific dates.
• Theme Style Customizations - Supports predefined color themes, dark mode, and custom CSS variables for comprehensive visual styling.
• Calendar Interaction Events - Triggers custom logic when users click, hover, or focus on specific days or week numbers.

سجل النجوم