A Date Input component is helpful when you want the user of your app to easily select a specific date using the native Android or iOS date picker
Native Android Date Picker on the left and iOS on the right Property
Description
Data Type
Format to use when displaying selected date
Select from menu [YYYY-MM-DD, MM/DD/YYYY, M/D/YY, Month Day, Year, Mth. Day, Year]
Size of font when displaying date
Make the date's text italicized
Make the date's text bold
Color of font when displaying date
Property
Description
Data Type
Location of top left corner of Date Input on X-axis, where the left hand side is X=0
Location of top left corner of Date Input on Y-axis, where the top side is Y=0
Height of Date Input in pixels
Width of Date Input in pixels
Define dimensions of the date input component/container
Select from list [Stretch, Float in Place]
Property
Description
Data Type
Toggle whether your end users can see the Date Input
Set whether border style is solid, dotted or dashed (only visible if border width > 0)
Select from list [solid, dotted, dashed]
Color of border (only visible if border width > 0)
Width of border around Date Input in pixels
Radius of corners of border on Date Input in degrees
Color of date input's shadow
Opacity of date input's shadow
Radius of corners of date input's shadow in pixels
How far date input's shadow should be offset, in Height and Width, in pixels
You can trigger actions to happen when an event occurs.
This event fires when the user has selected a date using the Date Picker.
Returns full date from Date Picker in format Mon., DD, YYYY.
Returns date from Date Picker in numeric form.
Eg. If February 17, 2021 has been selected in Date Picker, this block will return 17.
If 5 March 2021 is selected in Date Picker, this block will return 5.
Returns date from Date Picker in numeric form.
Eg. If February 17, 2021 has been selected in Date Picker, this block will return 2.
If 7 November 2021 is selected in Date Picker, this block will return 11.
Returns date from Date Picker in YYYY form.
Opens Picker of the Date Input to prompt the user to enter a date.
Set and get properties of the Date Picker.
Background Color
Computed Height and Width
Returns the height/width of the Date Input on the device screen in pixels.
Set the Text Alignment of the Date Input to Auto, Left, Right, Center or Justify.