Date
The Date widget is a standard input field that allows users to select a date using a built-in calendar interface. It helps ensure consistent formatting and validation of date entries and is commonly used in forms, scheduling tools, and data entry applications.
Common Use Cases
Selecting a birthdate, appointment date, or deadline
Adding date filters for reports or dashboards
Logging events or milestones
Scheduling tasks, bookings, or meetings
Providing timeline-based inputs in forms
Widget Properties
Select Date Format Allows you to define the format in which the date is stored or displayed (e.g.,
YYYY/MM/DD
,MM/DD/YYYY
,DD-MM-YYYY
) Ensures consistency across all instances where the date is referenced or submitted.
Step-by-Step Guide to Use the Button Widget Step 1: Add the Widget
Open the Widgets Panel, go to the Fields & Headers section, and pick & drop the Date widget onto the page where a date input is needed.

Step 2: Configure Main Settings
Click on the widget to open the Panel Tab. Customize the label, placeholder, or alignment to match your page design and usage context.

Step 3: Bind/Set Properties
In the Panel Tab, locate the Select Date Format property and choose your preferred format
(e.g., YYYY/MM/DD
, MM/DD/YYYY
).
This ensures consistency in how the date appears and is saved across your app.

Step 4: Preview or Finalize
Click the Run/Preview icon to test the date picker. Make sure it opens the calendar correctly and reflects the selected format when a date is chosen.

Last updated