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
6420251632

Controlled

Wednesday, June 4, 2025

2025-06-04

Event date
642025

Validation

Event date
mmddyyyy