HQ UI

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
7920251825

Controlled

Wednesday, July 9, 2025

2025-07-09

Event date
792025

Validation

Event date
mmddyyyy