DatePicker

This component is used to select a date.

Installation

import { DatePicker } from 'uxp/components';

Signature

const DatePicker: React.FunctionComponent<IDatePickerProps>

Examples

<DatePicker
   title="Date"
   date={date}
   onChange={(date) => setDate(date)}
/>

<DatePicker
    title="Date"
    date={date}
    onChange={(date) => setDate(date)}
    options={{
        disableWeekEnds: true
    }}
/>

Properties

Name	Type	Mandatory	Default Value	Example Value
title	string	Yes	-	-
date	string | Date	Yes	-	-
onChange	(date: Date) => void	Yes	-	-
closeOnSelect	boolean	No	-	-
options	IDatePickerOptions	No	-	-
disableInput	boolean	No	-	-
hideLabels	boolean	No	-	-
hideInput	boolean	No	-	-
showFullMonthName	boolean	No	-	-
spacingMode	SpacingMode	No	-	-

Related Types

• IDatePickerProps

• IDatePickerOptions

• ISpecialDate

• SpacingMode