Skip to main content

Date Time Picker component

The properties for the date time picker component in the Method App Builder.

The Date Time Picker component is a convenient way for the user to choose date and time information without having to manually type it in.


Date time picker component properties

Selecting the component shows its configurable properties.

Data source

Display

Label

Text to identify the component.

Show label

Toggle the visibility of the label for the user.

Use date format as placeholder

Show the expected format for the date as temporary filler text.

Format as

See below for date formats.

Default value

Initial value for the picker. Options include:

  • Exact date

  • Control (existing component)

  • Current date

  • None

Default state

The default state of the control (Regular/Hidden/Disabled).

Validation rules

Required

If added, component needs to be filled in before properly saving.

Events

Change

Event triggered when user updates the picker.

Date and time formats

The following list shows the options for the display of date and time

Format as

Example

Short Date

Aug-08-2017

Short Date and Time

Aug-08-2017 05:00 PM

Long Date

Tue, Aug 08, 2017

Long Date and Time

Tue, Aug 08, 2017 05:00 PM

Time

05:00 PM

Hour

5pm

Day

08

Day of Week

Tue

Month

Aug

Month and Year

Aug-2017

Year

2017

📌 Note: The choice of format affects what the user is able to select in the picker. For example, if set to show the Hour, then the user can only select time and not date.


Accessing the value of date time picker component

  • The DateTime picker object will hold the full value of the date and time set. Even when the Display Format is set to a subset, the value will always hold the full date and time.

  • When you update the value of the picker with Update controls on Screen action, you will only be able to set it to a date.

Did this answer your question?