# 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 ](https://devhints.io/moment)and at [Momentjs.com](https://momentjs.com/). 

![](https://1857871955-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MdYYYaX6u6mOCBpjLIC%2F-Mi2XdXpLv5bEZm2SAvF%2F-Mi2_OMIWa6CWqxmkd5L%2FScreen%20Shot%202021-08-26%20at%201.49.56%20PM.png?alt=media\&token=4097f3d7-af84-47e4-baf6-db926aaa0a67)

## Font Size

Set the event font size here. this takes any appropriat[e CSS value](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)

## 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.

![](https://1857871955-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MdYYYaX6u6mOCBpjLIC%2F-MdcP5qBxS0Ct8I1gS7E%2F-MdcSslaPDr-Bvucmt3Y%2FScreen%20Shot%202021-07-02%20at%202.15.11%20PM.png?alt=media\&token=7a2ae20a-aa0d-4dcb-a008-2f9528ec0c04)

## 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. 

![](https://1857871955-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MdYYYaX6u6mOCBpjLIC%2F-Mi2a5ODmoLMp2vW6F2P%2F-Mi2buN-gMCyvyPXN402%2FUntitled\(1\).png?alt=media\&token=b2ed9172-c284-45ce-abd9-563de935ba31)

## 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](https://fullcalendar.io/docs/date-clicking-selecting) 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