The "Basic Datepicker" component allows users to select dates from a calendar. It is a fundamental input element in many web applications, especially in forms that require users to input or select dates.
The "Basic Datepicker" component using Litepicker provides a user-friendly way to select dates for your web application. It's highly configurable and easy to integrate into your projects.
The "Input Group" component combines an input field with a calendar icon and a datepicker to facilitate date selection in your web application. This component is useful for improving the user experience when inputting dates in forms.
The "Input Group Datepicker" component provides an elegant and user-friendly way to select dates in your web application. By combining an input field with a calendar icon and Litepicker, users can easily input dates, making your forms more intuitive and accessible.
The "Date Range Picker" component allows users to select a date range in your web application. This component is useful for scenarios where you need to collect date ranges, such as booking systems or date-based filtering.
The "Date Range Picker" component enhances your web application by providing an easy and intuitive way for users to select date ranges. Whether you're building a booking system or implementing date-based filtering, this component streamlines the process of collecting date ranges, making your application more user-friendly and efficient.
The "Modal Datepicker" component combines the functionality of a datepicker with a modal window, allowing users to select dates within a modal interface. This component is useful for scenarios where you want to provide a focused and distraction-free date selection experience.
The "Modal Datepicker" component combines the convenience of a datepicker with the user-friendly experience of a modal window. This integration provides a clean and organized way for users to select dates in your web application, making it ideal for date-based filtering or any scenario where date selection is required.
In this section, you will find detailed information about the available props, classes, and options that can be used with the component. Understanding these properties is essential for customizing and configuring the component to suit your specific requirements.
Below is a list of props that can be passed to the component:
| Prop | Type | Description |
|---|---|---|
| `options` | `LitepickerConfig` | Litepicker configuration options. |
| `value` | `string` | The value of the Litepicker input. |
| `onChange` | `(date: string) => void` | A callback function that is called when the Litepicker input value changes. |
| `getRef` | `(el: LitepickerElement) => void` | A function that receives a reference to the Litepicker input element. |
