Component

DatePicker

Name: Forge
Rating: 5 (1 reviews)
Author: Webba Creative

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

Select date

Select date

tsx

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

Birthday

tsx

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

Event date

tsx

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

ColorPicker

FileUpload

Last updated: December 2025