Edit

DatePicker

<datePicker> is a UI component that lets users select a date from a pre-configured range.

See also:

• Official top-level documentation
• Detailed API specification
• <timePicker>

---

import * as React from "react";
import { EventData } from "@nativescript/core";

<datePicker
  date={new Date()}
  onDateChange={(args: EventData) => {
    const datePicker = args.object;
  }}
/>

Props

Name	Type	Description
date	Date	Sets the complete date.
minDate	Date	Sets the earliest possible date to select.
maxDate	Date	Sets the latest possible date to select.
day	number	Sets the day.
month	number	Sets the month.
year	number	Sets the year.

Events

Name	Description
dateChange	Emitted when the selected date changes.

Native component

Android	iOS
android.widget.DatePicker	UIDatePicker