Date Picker

Calendar primitives for date and range selection.

Preview

Code

‹

May 2026

›

SuMoTuWeThFrSa

Input	Type	Default
class	string	''

Input	Type	Default
class	string	''

Input	Type	Default
class	string	''

Input	Type	Default
class	string	''

Input	Type	Default
class	string	''

Input	Type	Default
class	string	''
min	Date	—
max	Date	—
disabled	boolean	false
dateDisabled	(date: Date) => boolean	() => false
firstDayOfWeek	VoltDatePickerFirstDayOfWeek	7
date	Date \| undefined	—
focusedDate	Date \| undefined	—

Output	Type
dateChange	Date \| undefined
focusedDateChange	Date \| undefined

Input	Type	Default
class	string	''
min	Date	—
max	Date	—
disabled	boolean	false
dateDisabled	(date: Date) => boolean	() => false
firstDayOfWeek	VoltDatePickerFirstDayOfWeek	7
startDate	Date \| undefined	—
endDate	Date \| undefined	—
focusedDate	Date \| undefined	—

Install via CLI:npx @voltui/cli add date-picker

TypeScript

Loading editor…

Copy this code to your project. The component uses ng-primitives/date-picker.