FinallyReact Design Library

JavaScript is disabled in your browser.

Please enable JavaScript to explore FinallyReact.

Datepicker

Time is an illusion

The Datepicker component can be used by importing { Datepicker } from "finallyreact".

Example

Placeholder

yyyy-mm-dd

Mask

Color

Custom Styles

custom styles date

Disabled

Disabled

Simple

Datepicker Props

Prop Name	Prop Type	Description
color	string	Any FinallyReact color
customMonthPicker	any	Custom month picker component
customYearPicker	any	Custom year picker component
dayProps	HTMLAttributes	Props for each day
disabled	boolean	Disable user interaction
displayProps	HTMLAttributes	Props for the display
initialValue	string	Initial value of the datepicker
monthDropdownProps	DropdownProps	Props for the month picker
monthLabelProps	HTMLAttributes	Props for the month label
name	string	Name of the input
selectedProps	HTMLAttributes	Props for the selected day
showTodayLink	boolean	Show the today link
simple	boolean	Simple datepicker with no styles
textInputProps	HTMLAttributes	Props for the input
todayLinkProps	HTMLAttributes	Props for the today link
todayProps	HTMLAttributes	Props for cell for today
value	Date	Value of the datepicker
yearLabelProps	HTMLAttributes	Props for the year label
yearTextInputProps	NumberInputProps	Props for the year picker