Table of Content
Still need help?
Request support
Request Support
Help
 / 
 / 
Data Input Blocks
 / 

Date Selector

This article explains the features of the Date Selector block and how it can be used to design your app.

 Date Selector block

Use Cases

1. Date of Birth

2. Date of Joining/Leaving

3. Today's Date/Current Date

4. Follow up date

5. Reminder Date

Editing the Block

Click on the block and configure it by editing on the right panel.

Editing the Block

Label

The label is the name of the block that the end user sees in the app.

Example: Date of Registration is written as the label and is saved. 

Description

The description is the additional information provided to the end user which will be displayed below the input area.

Example: Enter the date manually or select from the calendar

This is how the Date Selector block with the label and the description will look to the end user.

This is how the Date Selector block with the label and the description will look to the end user.

Advanced Options

Required

Enable this option if you want the user to compulsorily input the data. If enabled, the end user can submit if and only if the data is entered in this field.

Advanced Options

Use this option to show the advanced options to configure the date selector text block.

Default to the current date

Enable this option to automatically input the current date.

Allow date to be changed by user

Enable this option to allow the user to change the default date input.

Show current date option

Enable this option for the user to provide a current date button.

Display this field if

Use this if you want to show or hide a field under certain conditions. It accepts the standard Clappia Formulae, similar to conditional sections.

  1. You can type ‘@’ to get a list of all the variables in the app and select variables.
  2. Using these variables you can write Excel-like formulae.

Example: For a Yes or No question, you can show the date field when the answer is Yes.

Use this if you want to show or hide a field under certain conditions

Help Video

FAQs
Is there a way to show the current date automatically?
Enable Default to current date to allow the system to capture the current date of submission automatically. If you do not wish the user to make changes to the date, then disable Allow date to be changed by user as well.
How to automatically set future dates?
There are 2 ways you can do this:

1. You can add another date selector block and use the start' & end date option to select the specified date.

2. Use the Calculations & Logic block to display it instead, using formulas similar to spreadsheet.

How to change the Date format?
If you need to change the date format for all your apps:<p>Click on Workplace Details > Preferences > Date/Time. Select the desired date format.

If you need to change the date format for a particular app only, you can use the Calculations&Logic block and use the appropriate formula to display the desired date format.

<iframe width=\"200\" height=\"100\" src=\"https://www.youtube.com/embed/Tmi_mlGkYL0\" title=\"Formatting Date &amp; Time Part 1 ● Clappia App Building ● No-Code Low-Code Platform\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen></iframe>

How to display a specific date without the user being able to change it?
You can use the Calculations&Logic block to display the desired date.
How to let users select only a specified date range?
Add another date selector block. For the 'start' & 'end' date options, use the variable of the first date selector block and add the number of days for selection.

<iframe width=\"200\" height=\"100\" src=\"https://www.youtube.com/embed/OwS3kbleMNg\" title=\"Clappia App Building ● Using Date Selector Block ● No-Code Low-code Platform\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen></iframe>

Try our free plan
It will answer many more questions within just 15 minutes.