Options

breakPoint

Width of the browser when the mobile date selector should show.


          default: 568
          options: Integer

demoMode

With demoMode enabled, the original date input field is not hidden.


          default: false
          options: Boolean

errorMessage

String shown after the select boxes when an invalid date is chosen, e.g. 31 February 2015.


          default: "Sorry, that is not a valid date."
          options: String

forcePlugin

By default the browser's default date rendering will be used. The plugin will be used as a fallback solution. This will force the plugin to be enabled in all circumstances.


          default: false
          options: Boolean

longMonths

Show long form months in the 'month' dropdown, e.g. January, February, etc. Alternative is short months, e.g. Jan, Feb, etc.


          default: true
          options: Boolean

numYears

Number of years to show in the 'year' dropdown.


          default: 10
          options: Integer

selectorClass

Wrapper class around the dropdowns.


          default: "mds-mobile-date"
          options: String

selectWrapper

Wrapper class around each select box, useful if you are heavily styling them.


          default: "" [not wrapped]
          options: String [e.g. "select-wrap"]

showBlanks

Show blank option in each dropdown.


          default: true
          options: Boolean

startYear

Year to start the 'year' dropdown.


          default: 2014 [current year]
          options: Integer

Questions & suggestions?

Feel free to submit them via GitHub's issue tracker.

Mobile date selector