Loading...
Installation
Features
- Dual Calendar: View two months side-by-side
- Range Selection: Select start and end dates visually
- Date Restrictions: Set min/max boundaries
- Formatted Display: Shows selected range in readable format
- Custom Placeholder: Configurable placeholder text
- TypeScript Support: Fully typed with DateRange interface
Props
| Prop | Type | Default | Description |
|---|---|---|---|
defaultFrom | Date | - | Initial start date |
defaultTo | Date | - | Initial end date |
onChange | (range: DateRange | undefined) => void | - | Callback when range changes |
disabled | boolean | false | Disable the picker |
minDate | Date | - | Minimum selectable date |
maxDate | Date | - | Maximum selectable date |
placeholder | string | "Pick a date range" | Placeholder text |
className | string | - | Additional CSS classes |