Date time picker

lowcodera Date time picker Component

Purpose

The lowcodera date time picker is a lightweight and mobile-friendly component that allows end users to enter or select date and time values from a pop-up calendar and interactive time clock.

Variations

Datetimepicker in Power Apps

Mobile Date time picker in Power Apps

‌There are several variations of datetimepicker with different configuration properties.

• Date Picker

• Time Picker

• DateTime Picker

• DateMobile Picker

• TimeMobile Picker

• DateTimeMobile Picker

Properties

The properties below are the main ones which change this components appearance and behaviors.

Property	Description	Accepted Values	Required
Label	Property to set Label for control	Text	Yes
Type	Property to set appearence of datetime picker.	Date Time DateTime DateMobile TimeMobile DateTimeMobile	X
Disabled	Property to set datetime picker in disabled mode	Boolean	X
ReadOnly	Property to set datetime picker in read only mode	Boolean	X
Default	Property to set initial/default date of the calendar on first load	Date Value (e.g. 2021-12-15)	X
InputFormat	Property to set datetime format	String "DD/MM/yyyy" "MM/DD/yyyy" "yyyy/MM/DD" "DD/MM/yyyy hh:mm:ss" "DD-MM-yyyy" "MM-DD-yyyy" "yyyy-MM-DD" "yyyy-MM-DD" hh:mm:ss"	Yes

Examples

Date Picker

Property Configration

• Labelproperty is to set as Select Booking Date

• Typeis to set as Date

• InputFormat is set to "dd/mm/yyyy"

Event Configuration

Once we configure our textbox and we want to write some events, we need to use OnChange Event of the button

UpdateContext({DateVal: DateTimePicker1.CurrentValue})

Output Properties

Please check the following Output properties for Lowcodera's datetimepicker control.

Output Property	Purpose	Example
CurrentValue	Get Current value from Lowcodera datetimepicker Component.	DateTimePicker1.CurrentValue

Time Picker

Property Configration

• Labelproperty is to set as Select Booking Time

• Typeis to set as Time

• InputFormat is set to "hh:mm:ss"

Event Configuration

Once we configure our textbox and we want to write some events, we need to use OnChange Event of the button

UpdateContext({DateVal: DateTimePicker1.CurrentValue})

Output Properties

Please check the following Output properties for Lowcodera's datetimepicker control.

Output Property	Purpose	Example
CurrentValue	Get Current value from Lowcodera datetimepicker Component.	DateTimePicker1.CurrentValue

Date Time Picker

Property Configration

• Labelproperty is to set as Select Booking Date

• Typeis to set as DateTime

• InputFormat is set to "dd/mm/yyyy hh:mm:ss"

Event Configuration

Once we configure our textbox and we want to write some events, we need to use OnChange Event of the button

UpdateContext({DateVal: DateTimePicker1.CurrentValue})

Output Properties

Please check the following Output properties for Lowcodera's datetimepicker control.

Output Property	Purpose	Example
CurrentValue	Get Current value from Lowcodera datetimepicker Component.	DateTimePicker1.CurrentValue

Mobile Date Picker

Property Configration

• Labelproperty is to set as Select Booking Time

• Typeis to set as DateMobile

• InputFormat is set to "dd/mm/yyyy"

Event Configuration

Once we configure our textbox and we want to write some events, we need to use OnChange Event of the button

UpdateContext({DateVal: DateTimePicker1.CurrentValue})

Output Properties

Please check the following Output properties for Lowcodera's datetimepicker control.

Output Property	Purpose	Example
CurrentValue	Get Current value from Lowcodera datetimepicker Component.	DateTimePicker1.CurrentValue

Mobile Time Picker

Property Configration

• Labelproperty is to set as Select Booking Date

• Typeis to set as TimeMobile

• InputFormat is set to "hh:mm:ss"

Event Configuration

Once we configure our textbox and we want to write some events, we need to use OnChange Event of the button

UpdateContext({DateVal: DateTimePicker1.CurrentValue})

Output Properties

Please check the following Output properties for Lowcodera's datetimepicker control.

Output Property	Purpose	Example
CurrentValue	Get Current value from Lowcodera datetimepicker Component.	DateTimePicker1.CurrentValue

Mobile Date Time Picker

Property Configration

• Labelproperty is to set as Select Booking Date

• Typeis to set as DateTimeMobile

• InputFormat is set to "dd/mm/yyyy hh:mm:ss"

Event Configuration

Once we configure our textbox and we want to write some events, we need to use OnChange Event of the button

UpdateContext({DateVal: DateTimePicker1.CurrentValue})

Output Properties

Please check the following Output properties for Lowcodera's datetimepicker control.

Output Property	Purpose	Example
CurrentValue	Get Current value from Lowcodera datetimepicker Component.	DateTimePicker1.CurrentValue