Skip to content

Instantly share code, notes, and snippets.

@StErMi
Created April 6, 2017 08:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save StErMi/a03a73313f6135de50a7e1b821872af5 to your computer and use it in GitHub Desktop.
Save StErMi/a03a73313f6135de50a7e1b821872af5 to your computer and use it in GitHub Desktop.
openui5-flatpickr Parameters
Name Type Default Description
altFormat string "F j, Y" Exactly the same as date format, but for the altInput field
altInput boolean false Show the user a readable date (as per altFormat), but return something totally different to the server
altInputClass string "" This class will be added to the input element created by the altInput option. Note that altInput already inherits classes from the original input
allowInput boolean false Allows the user to enter a date directly input the input field. By default, direct entry is disabled
clickOpens boolean false Whether clicking on the input should open the picker. You could disable this if you wish to open the calendar manually with.open()
dateFormat string "Y-m-d" A string of characters which are used to define how the date will be displayed in the input box. The supported characters are defined in the table below.
dateValue object null Set the initial selected date. Same as preloading a date string into an input's value attribute, but can also handle a Date object
disableMobile boolean false Set disableMobile to true to always use the non-native picker. By default, Flatpickr utilizes native datetime widgets unless certain options (e.g. disable) are used
enableTime boolean false Enables time picker
enableSeconds boolean false Enables seconds in the time picker
hourIncrement int 1 Adjusts the step for the hour input (incl. scrolling)
inline boolean false Displays the calendar inline
maxDate object null The maximum date that a user can pick to (inclusive).
minDate object null The minimum date that a user can start picking from (inclusive)
minuteIncrement int 5 Adjusts the step for the minute input (incl. scrolling)
mode string "single" "single", "multiple", or "range"
noCalendar boolean false Hides the day selection in calendar. Use it along with enableTime to create a time picker
shorthandCurrentMonth boolean false Show the month using the shorthand version (ie, Sep instead of September)
static boolean false Position the calendar inside the wrapper and next to the input element. (Leave false unless you know what you're doing.)
time_24hr boolean false Displays time picker in 24 hour mode without AM/PM selection when enabled
utc boolean false When true, dates will parsed, formatted, and displayed in UTC. It's recommended that date strings contain the timezone, but not necessary
weekNumbers boolean false Enables display of week numbers in calendar
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment