Date Field
A date field allows users to enter and edit date and time values using a keyboard. Each part of a date value is displayed in an individually editable segment.

Installation

In the terminal, run the following command to begin:
npx hq-kit add date-field

Basic

Default
mmddyyyy
Readonly
mmddyyyy
Invalid
mmddyyyy
Disabled
mmddyyyy

Date Time Field

Event date
42620250613

Controlled

Saturday, April 26, 2025

2025-04-26

Event date
4262025

Validation

Event date
mmddyyyy