datepicker

A simple and customizable datepicker component designed specifically for Svelte applications. It provides a flexible way to select single dates or date ranges with various configuration options.

Key Features:

• Svelte-native component with reactive bindings
• Supports single date selection or date ranges
• Customizable appearance through CSS variables
• Optional time picker functionality
• Preset date ranges for quick selection
• Theme support for easy styling
• Responsive design with adjustable alignment

Target Audience:

• Svelte developers needing a date selection component
• Projects requiring customizable date pickers
• Applications with form inputs for date selection

Component Highlights:

• Extensive props API for controlling behavior (date ranges, disabled dates, time selection etc.)
• Custom events for date changes and interactions
• Comprehensive theming system with CSS variables
• Slot support for custom input elements

Try it in the Svelte REPL fa-solid fa-up-right-from-square

Documentation:

• Detailed API reference with all props and events
• Theming guide with complete CSS variable list
• Example implementations for common use cases

The component is designed to be lightweight while offering extensive customization options through its theming system and configuration props.