Required dates

Docs

Required dates

Require dates selection in a calendar.

When you set a calendar to required, the user must select at least one date and can't clear the selection.

For example:

January 2024

Su	Mo	Tu	We	Th	Fr	Sa
31	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31	1	2	3

import { Calendar } from '@bryanberger/datepicker';
import { ChevronLeft, ChevronRight } from 'lucide-react';
 
const MyDatePicker = () => {
 
	return (
		<Calendar
			required
		>
			{ /* ... */ }
		</Calendar>
	);
};
 
export default MyDatePicker;