DateTimePicker

This component is used to select a datetime.

Installation

import {DateTimePicker} from 'uxp/components';

Examples

<DateTimePicker
     datetime={date}
     onChange={(date) => { setDate(date); }}
 />

Properties

Name	Type	Description
title	string
datetime	string | Date	The currently selected datetime. Either a Date object or an ISO8601 string representation of a date
onChange	(date: Date) => void	Callback that gets executed whenever a datetime is selected/changed in the datetime picker
disableInput	boolean	Set to true to prevent a user from typing in a datetime
options	{ /** * The minimum selectable date. Either a Date object an an ISO8601 date string / minDate?: string | Date, /* * The maximum selectable date. Either a Date object an an ISO8601 date string / maxDate?: string | Date, /* * If set to true, you cannot select a weekend date / disableWeekEnds?: boolean, /* * An array of specific dates that the user cannot select */ disableDates?: Array<Date | String> }	Additional options to control behavior

title

---

type
string

datetime

---

The currently selected datetime. Either a Date object or an ISO8601 string representation of a date

type
string | Date

onChange

---

Callback that gets executed whenever a datetime is selected/changed in the datetime picker

type
(date: Date) => void

disableInput

---

Set to true to prevent a user from typing in a datetime

type
boolean

options

---

Additional options to control behavior

type

{ /** * The minimum selectable date. Either a Date object an an ISO8601 date string / minDate?: string | Date, /* * The maximum selectable date. Either a Date object an an ISO8601 date string / maxDate?: string | Date, /* * If set to true, you cannot select a weekend date / disableWeekEnds?: boolean, /* * An array of specific dates that the user cannot select */ disableDates?: Array<Date | String> }