Date Input
Last updated
Was this helpful?
Drag and Drop
Last updated
Was this helpful?
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
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
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]
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.
Set and get properties of the Date Picker.
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.
