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