Saving space without losing the context of the form field is a piece of cake with the floating label feature in the DatePicker component. Add a label that moves above the input upon clicking to create a smoother and more efficient user experience.
Enable a mobile-friendly rendering of the DatePicker popup by setting the AdaptiveMode parameter to AdaptiveMode.Auto. The picker component automatically adapts to the current screen size and changes its rendering accordingly. In auto adaptive mode, the DatePicker component also allows you to define the title text rendered in the header of the popup.
It is now possible to conveniently personalize the message placeholder for the date input in the Date & Time Picker elements by utilizing the Messages feature located in the DateInput UI component. Additionally, the component offers the .Format() functionality which allows the user to specify the date format for parsing and formatting the machine date.
The ASP.NET MVC DatePicker allows the rendering of pre-selected dates and lets you define the minimum or maximum number of dates displayed.
Learn more in our documentation
In many cases not all dates are open for booking an appointment, that is why we have added the DisableDates function. This allows you to disable weekends, holidays or any other day of the month that is not acceptable to you.
The DatePicker is one of the many ASP.NET MVC components you can style using one of multiple built-in themes and swatches. You can easily customize any of out-of-the-box themes with a few lines of CSS, or create new themes to match your colors and branding by using the Progress SASS ThemeBuilder application.