Page 1 of 1

DatePicker for CSHTML5 w/ MVVM Support

Posted: Fri Nov 03, 2017 10:59 am
by TaterJuice
A NATIVE HTML5 DatePicker for CSHTML5 (
This uses CSS+webkit on the input[type=date] (-webkit-datepicker), as defined by Moz MDN Web Docs:

- 11-03-2017: Initial Release
Tested against CSHTML5 BETA 12.4

Additional Credits:
Based On Pure CSS DatePicker by Mahesh:

- Input-Mask and Calendar popups DO NOT work in Simulator! (Simulator does not appear to support webkit calendar)
- Works in Microsoft Edge, Google Chrome, Opera, Chrome on Android and Firefox BETA*
- Does not work in Firefox Public Release or IE11 (Firefox* and IE have not yet implemented the -webkit-calendarpicker appearance on input[type=date])
* Firefox is working to implement inputType=date, but it is currently only supported in the current Firefox BETA, available here: You must download the latest Nightly BETA from Mozilla. For more information on Mozilla Firefox's adaption of the -webkit-datepicker, please see Firefox Bug 825294 and Firefox bug 888320

Source Download (+ Sample Project):

DLL Direct Download:

Google CHROME Desktop & OPERA Desktop Screenshots:

Microsoft EDGE Screenshot:

Mozilla Firefox NIGHTLY BETA Screenshots:

CHROME on Android Screenshot:


- Add a reference to Vivrant.DatePicker.dll
- Create a new XAML window or Control
- Add a XAML Namespace for the control:

Code: Select all


- (OPTIONAL) Use the included DatePresenter class for out-of-the-box MVVM support:

Code: Select all


- Add the the following to your window or Control (this can replace any existing Canvas or Grid objects)

Code: Select all

    DateValue="{Binding Path=Date, Mode=TwoWay}">
        <presenter:DatePresenter />

Re: DatePicker for CSHTML5 w/ MVVM Support

Posted: Sat Nov 04, 2017 4:43 am
by zemorango
Very good TarterJuice, great job :)
But it's a shame that it has to be an user and not the C#html5 team to do it, I can not understand why a paid service do not have such a component, or a treeview or an accordion , or a calendar,
Isn't the goal of this framework to use C# and XAML instead of javascript? So why there is so few xaml components? :shock:

Re: DatePicker for CSHTML5 w/ MVVM Support

Posted: Mon Nov 06, 2017 1:07 am
by JS-Support @Userware
Thank you very much TaterJuice.
We are going to improve the Simulator so as to fix the outstanding issues.