Component

DatePicker

Date selection with calendar popup. Supports date ranges and time.

tsx
import { DatePicker, DateTimePicker } from 'wss3-forge'

Usage

Use DatePicker for date-only selection

DateTimePicker includes time selection

Supports min/max date constraints

Format customizable


Examples

Basic DatePicker

tsx
1const [date, setDate] = useState<Date | null>(null)
2
3<DatePicker
4 value={date}
5 onChange={setDate}
6 label="Select date"
7/>

With Placeholder

tsx
1<DatePicker
2 value={date}
3 onChange={setDate}
4 label="Birthday"
5 placeholder="Choose your birthday"
6/>

Pre-selected Date

tsx
1<DatePicker
2 value={new Date()}
3 onChange={setDate}
4 label="Event date"
5/>

Previous

ColorPicker

Next

FileUpload

Last updated: December 2025

Cookies

We use cookies to improve your experience and save your preferences.