Date Input
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
.png?alt=media&token=0e123d9f-ae9b-47c5-9008-323cb0c3e6c3)
Native Android Date Picker on the left and iOS on the right
Property | Description | Data Type |
---|---|---|
Style | 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] |
Font Size | Size of font when displaying date | Number |
Font Style | Make the date's text italicized | True/False |
Font Weight | Make the date's text bold | True/False |
Color | Color of font when displaying date | Color |
Property | Description | Data Type |
---|---|---|
X | Location of top left corner of Date Input on X-axis, where the left hand side is X=0 | Number |
Y | Location of top left corner of Date Input on Y-axis, where the top side is Y=0 | Number |
Height | Height of Date Input in pixels | Number |
Width | Width of Date Input in pixels | Number |
Resize Mode | Define dimensions of the date input component/container | Select from list [Stretch, Float in Place] |
Property | Description | Data Type |
---|---|---|
Visible | Toggle whether your end users can see the Date Input | True/False |
Border Style | Set whether border style is solid, dotted or dashed (only visible if border width > 0) | Select from list [solid, dotted, dashed] |
Border Color | Color of border (only visible if border width > 0) | Color |
Border Width | Width of border around Date Input in pixels | Number |
Border Radius | Radius of corners of border on Date Input in degrees | Number |
Shadow Color | Color of date input's shadow | Color |
Shadow Opacity | Opacity of date input's shadow | Number between 0 and 100 |
Shadow Radius | Radius of corners of date input's shadow in pixels | Number |
Shadow Offset | How far date input's shadow should be offset, in Height and Width, in pixels | Number |
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.




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
.
Last modified 9mo ago