Date Input
Date Input Overview
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
Properties
Date Input
Property | Description | Data Type |
---|---|---|
Style | Format to use when displaying selected date | Select from menu |
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 |
Layout
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 |
Style
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 |
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 |
Blocks
Events
You can trigger actions to happen when an event occurs.
Date Picked
This event fires when the user has selected a date using the Date Picker.
Functions
Get Date
Returns full date from Date Picker in format Mon., DD, YYYY.
Get Day
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.
Get Month
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.
Get Year
Returns date from Date Picker in YYYY form.
Launch Picker
Opens Picker of the Date Input to prompt the user to enter a date.
Properties
Set and get properties of the Date Picker.
Background Color
Color
Computed Height and Width
Returns the height/width of the Date Input on the device screen in pixels.
Font Size
Font Style
Font Weight
Style
Text Align
Set the Text Alignment of the Date Input to Auto
, Left
, Right
, Center
or Justify
.
Visible
Last updated