Snap-to-Place
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

Getting Started

The Date Input component needs no set-up (Woohoo!). Just drag and drop the component into your project. As a bonus, the current date will automatically show up as a label.
When a user of your app taps on the Date Input, it will automatically launch the native Android or iOS date pickers.

Set the Date Format

You can set the format of the date by choosing an option from the Style property. Currently supported styles are:
  • YYYY-MM-DD
  • MM/DD/YYYY
  • M/D/YY
  • Month Day, Year
  • Mth. Day, Year

Save the Date

The date that a user selects will show up automatically in the Date Input label but if you want to save the date somewhere to be uploaded later, you'll need to add a block like the one below.
Event
Output
Get Date
Date in whichever format you specify e.g. YYYY-MM-DD
Get Year
Year in 4 digit format e.g. 2019
Get Month
Numerical month from 1-12
Get Day
Day of the month from 1-31 (depending on the month)

Events

Date Picked

Functions

Get Date

Get Day

Get Month

Get Year

Launch Picker

Properties

Background Color

Color

Computed Height and Width

Font Size

Font Style

Font Weight

Style

Text Align

Visible

Export as PDF
Copy link
On this page
Date Input Overview
Getting Started
Set the Date Format
Save the Date
Events
Date Picked
Functions
Get Date
Get Day
Get Month
Get Year
Launch Picker
Properties
Background Color
Color
Computed Height and Width
Font Size
Font Style
Font Weight
Style
Text Align
Visible