Overview

The @svelte-plugins/datepicker is a simple datepicker component designed for Svelte. It offers various customization options and features to make date selection easier in Svelte applications.

Features

startDate: Set the start date for the datepicker.
endDate: Set the end date for the datepicker.
startDateTime: Set the start time for the datepicker in 24 hour format.
endDateTime: Set the end time for the datepicker in 24 hour format.
defaultYear: Specify the default year to display in the datepicker.
align: Control the edge alignment of the datepicker.
enabledDates: Array of date strings to enable specific dates only.
disabledDates: Array of date strings to disable specific dates.
isRange: Transform the datepicker into a range picker for start and end date selection.
isMultipane: Show two calendar months side-by-side for easier navigation.
isOpen: Display the datepicker without requiring user interaction.
showPresets: Show preset date ranges for quick selection.
showYearControls: Toggle visibility of year navigation controls.
showTimePicker: Show a time picker in addition to date selection.
enableFutureDates: Allow users to select future dates in the datepicker.
enablePastDates: Disable selection of dates prior to the current date.
theme: Assign a theme name to the datepicker for styling.
presetRanges: Customize the preset date range configurations.
includeFont: Control the loading of the default Rubik font for the datepicker.

Summary

The @svelte-plugins/datepicker provides a comprehensive solution for date selection within Svelte applications. With a wide range of customization options and features like range selection, preset ranges, and time picker integration, this component offers flexibility and ease of use for developers and users alike. By following the installation guide and leveraging the key features mentioned above, developers can enhance the datepicker experience in their Svelte projects.

Svelte Plugins

Datepicker

Tooltips