Date and time pickers

Overview

Current limitations with date and time pickers across browsers mean that currently, we will not be using the input types of date, datetime and time. Use input types of text, with the functionality extended as below:

Example
  • class="date is-jqui"
    class="time is-jqui"
    class="datetime is-jqui"
WCMS use
MVC.net use
Code
  1. <label for="datepick">Date</label>
  2. <input type="text" name="datepick" id="datepick" class="date is-jqui" placeholder="dd/mm/yyyy"/>
  3.  
  4. <label for="timepick">Time</label>
  5. <input type="text" name="timepick" id="timepick" class="time is-jqui" placeholder="hh:mm"/>
  6.  
  7. <label for="datetimepick">Datetime</label>
  8. <input type="text" name="datetimepick" id="datetimepick" class="datetime is-jqui" placeholder="dd/mm/yyyy hh:mm"/>
Version and status
  • 1
  • current version
  • Concept
  • Alpha
  • Beta
  • Release