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

Native Android Date Picker on the left and iOS on the right

Properties

Date Input

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

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 [Stretch, Float in Place]

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 [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

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