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
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
Once we configure our textbox and we want to write some events, we need to use OnChange Event of the button