Overview

The Date & Time Picker widget provides a modern and intuitive way to select date and time in Mendix applications. Designed with Material-UI, it offers a responsive and attractive user experience with placeholder support, validation handling, and a centered popup calendar.

Documentation

Overview

The Date & Time Picker widget provides a modern and intuitive way to select date and time in Mendix applications. Designed with Material-UI, it offers a responsive and attractive user experience with placeholder support, validation handling, and a centered popup calendar.

✨ Features

• 📅 Date & Time Selection – Choose both date and time in a single input.

• ⏱ Restrict Past/Future – Configure whether users can pick past or future dates.

• 🔒 Validation Handling – Show custom validation messages directly below the input.

• 🖼 Placeholder Support – Default placeholder included for clarity.

• 🎨 Modern UI – Clean input box, centered modal calendar, rounded corners, and 14px font size for readability.

• 📱 Responsive – Works seamlessly across devices.

🛠 How It Works

1. Bind the Date property to a Mendix Date and Time attribute.

2. Configure isPastAllowed and isFutureAllowed to control selectable dates.

3. Use ValidationTrigger and Validationmessage to enforce validation.

4. The widget automatically opens the calendar in the center of the screen for a clean UX.