Event Format Settings

  • This is just what it sounds like. How should your dates and times appear. Certainly, someone somewhere is not going to be a fan of the default settings even when the Calendar think's it's right.

  • For example, if you live in Bosnia (or are targeting some Bosnians to use your app) you may find you dont like how the dates are displayed or the am/pm is displayed. So let's fix that here!

  • For formatting that will be used here and elsewhere, the Moment.js formats can be found here and at Momentjs.com.

Font Size

Set the event font size here. this takes any appropriate CSS value

Set Event Title Text Color

  • Automagically set your event title color. The resulting title color will be decided by a sweet algorithm and will. You may want to set these, but you can probably leave them be for most use cases. Again, like most settings, this is dynamic and either you or a user could change it on the fly.

Background Color

This is a default color for calendar events. If you do not provide a list of event colors, event background colors will default to this settings

Cross Day Background Color

In month view, some events may cross days. When this happens, the calendar will signify this by applying a color to these events, otherwise events have no background color and are only represented by the title and the events background color in a dot to the left of the title.

Border Color

this will take either a single hex value, or will take a list of hex values. this would need to be the same length as the list of event input fields

in any view other than month view, events have borders and the border has a color. Set that here

Hour Format

takes one of the 2 following settings

If the time were 6:05 'numeric' would produce something like 6 '2-digit' would produce something like 06

Minute Format

takes one of the following 2 settings

If the time were 6:05 'numeric' would produce something like 5 '2-digit' would produce something like 05

Omit 0-minute

takes a boolean true/false

if true, times like 6:00 will display as 6

Meridiem

Normally with a 12-hour clock the meridiem displays as A.M./P.M. 'lowercase' will force it to display like a.m./p.m. 'short' will force it to display like am/pm 'narrow' will force it to display like a/p false will prevent it from displaying altogether

12 or 24 hour format

true for a 12-hour clock, false for a 24-hour clock

Minimum Snap Duration

The time interval at which a dragged event will snap to the time axis. Also affects the granularity at which selections can be made.

must be set in a 24hr format like this:

  • 00:05 = 5 minute intervals

  • 00:10 = 10 minute intervals

  • 01:00 = 1 hour intervals

Last updated