VCalendar API

Props

name	type	default
`categories`	\| string \| (string \| { name: string; categoryName: string; [string]: any })[]
Specifies what categories to display in the `category` view. This controls the order of the categories as well. If the calendar uses events any categories specified in those events not specified in this value are dynamically rendered in the view unless `category-hide-dynamic` is true.
`category-days`	string \| number	1
The number of days to render in the `category` view.
`category-for-invalid`	string
The category to place events in that have invalid categories. A category is invalid when it is not a string. By default events without a category are not displayed until this value is specified.
`category-hide-dynamic`	boolean	false
Sets whether categories specified in an event should be hidden if it’s not defined in `categories`.
`category-show-all`	boolean	false
Set whether the `category` view should show all defined `categories` even if there are no events for a category.
`category-text`	\| string \| (( category: string \| { name: string; categoryName: string; [string]: any }, ) => string)	undefined
If categories is a list of objects, you can use this to determine what property to print out as the category text on the calendar. You can provide a function to do some logic or just define the prop name. It’s similar to item-text on v-select
`day-format`	(timestamp: CalendarTimestamp, short: boolean) => string	undefined
Formats day of the month string that appears in a day to a specified locale
`end`	string \| number \| Date	undefined
The ending date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar.
`event-category`	string \| ((event: { [string]: any }) => string)	'category'
Set property of event’s category. Instead of a property a function can be given which takes an event and returns the category.
`event-color`	string \| ((event: { [string]: any }) => string)	'primary'
A background color for all events or a function which accepts an event object passed to the calendar to return a color.
`event-end`	string	'end'
Set property of event’s end timestamp.
`event-height`	number	20
The height of an event in pixels in the `month` view and at the top of the `day` views.
`event-margin-bottom`	number	1
Margin bottom for event
`event-more`	boolean	true
Whether the more ‘button’ is displayed on a calendar with too many events in a given day. It will say something like ‘5 more’ and when clicked generates a `click:more` event.
`event-more-text`	string	'$vuetify.calendar.moreEvents'
The text to display in the more ‘button’ given the number of hidden events.
`event-name`	\| string \| (( event: CalendarEventParsed, timedEvent: boolean, ) => string \| VNode<RendererNode, RendererElement, { [key: string]: any }>)	'name'
Set property of event’s displayed name, or a function which accepts an event object passed to the calendar as the first argument and a flag signalling whether the name is for a timed event (true) or an event over a day.
`event-overlap-mode`	\| 'stack' \| 'column' \| (( events: CalendarEventParsed[], firstWeekday: number, overlapThreshold: number, ) => ( day: CalendarDaySlotScope, dayEvents: CalendarEventParsed[], timed: boolean, reset: boolean, ) => CalendarEventVisual[])	'stack'
One of `stack`, `column`, or a custom render function
`event-overlap-threshold`	string \| number	60
A value in minutes that’s used to determine whether two timed events should be placed in column beside each other or should be treated as slightly overlapping events.
`event-ripple`	boolean \| Record<string, any>	null
Applies the `v-ripple` directive.
`events`	{ [string]: any }[]	[]
An array of event objects with a property for a start timestamp and optionally a name and end timestamp. If an end timestamp is not given, the value of start will be used. If no name is given, you must provide an implementation for the `event` slot.
`event-start`	string	'start'
Set property of event’s start timestamp.
`event-text-color`	string \| ((event: { [string]: any }) => string)	undefined
A text color for all events or a function which accepts an event object passed to the calendar to return a color.
`event-timed`	string \| ((event: { [string]: any }) => boolean)	'timed'
If Dates or milliseconds are used as the start or end timestamp of an event, this prop can be a string to a property on the event that is truthy if the event is a timed event or a function which takes the event and returns a truthy value if the event is a timed event.
`first-day-of-week`	string \| number	undefined
Sets the first day of the week, starting with 0 for Sunday. (Note: not guaranteed to work when using custom date adapters.)
`first-day-of-year`	string \| number	undefined
Sets the day that determines the first week of the year, starting with 0 for Sunday. For ISO 8601 this should be 4. (Note: not guaranteed to work when using custom date adapters.)
`locale`	string	undefined
The locale of the calendar.
`max-days`	number	7
The maximum number of days to display in the custom calendar if an `end` day is not set.
`model-value`	string \| number \| Date	undefined
The v-model value of the component. If component supports the multiple prop, this defaults to an empty array.
`now`	string	undefined
Override the day & time which is considered now. This is in the format of `YYYY-MM-DD hh:mm:ss`. The calendar is styled according to now.
`start`	string \| number \| Date	2026-04-30
The starting date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar.
`type`	\| 'category' \| 'day' \| 'month' \| 'week' \| '4day' \| 'custom-weekly' \| 'custom-daily'	'month'
A string which is one of `month`, `week`, `day`, `4day`, `custom-weekly`, `custom-daily`, and `category`. The custom types look at the `start` and `end` dates passed to the component as opposed to the `value`.
`weekday-format`	(timestamp: CalendarTimestamp, short: boolean) => string	undefined
Formats day of the week string that appears in the header to specified locale
`weekdays`	string \| number[]	[0, 1, 2, 3, 4, 5, 6]
An array of weekdays to display. Does not affect the order.

Events

name	type
[`${string}:date`]	[Event, CalendarTimestamp]
Any event on the day of the month link. The second argument is the day & time object.
[`${string}:day`]	[ Event, { timeToY: ( time: string \| number \| CalendarTimestamp, targetDateOrClamp: boolean \| CalendarTimestamp, ) => number timeDelta: ( time: string \| number \| CalendarTimestamp, targetDate: CalendarTimestamp, ) => number \| false outside: boolean index: number week: CalendarTimestamp[] category: string \| { name: string; categoryName: string; [string]: any } intervalRange: [number, number] date: string time: string year: number month: number day: number weekday: number hour: number minute: number hasDay: boolean hasTime: boolean past: boolean present: boolean future: boolean }, ]
Any event on a day. The second argument is the day object.
[`${string}:dayCategory`]	[ Event, { category: string \| { name: string; categoryName: string; [string]: any } timeToY: ( time: string \| number \| CalendarTimestamp, targetDateOrClamp: boolean \| CalendarTimestamp, ) => number timeDelta: ( time: string \| number \| CalendarTimestamp, targetDate: CalendarTimestamp, ) => number \| false outside: boolean index: number week: CalendarTimestamp[] intervalRange: [number, number] date: string time: string year: number month: number day: number weekday: number hour: number minute: number hasDay: boolean hasTime: boolean past: boolean present: boolean future: boolean }, ]
Any event on a day in the `category` view. The second argument is the day object.
[`${string}:event`]	[ Event, { event: { [string]: any } outside: boolean singline: boolean overlapsNoon: boolean formatTime: (withTime: CalendarTimestamp, ampm: boolean) => string timeSummary: () => string eventSummary: () => JSX.Element eventParsed: CalendarEventParsed day: CalendarDaySlotScope start: boolean end: boolean timed: boolean }, ]
Any event on a specific event. The second argument is the day & time object.
[`${string}:interval`]	[Event, CalendarTimestamp]
Any event at a specific interval label in the `day` view. The second argument is the day & time object.
[`${string}:more`]	[Event, CalendarDaySlotScope]
Any event on the `X more` button on views with too many events in a day. The second argument is the day & time object.
[`${string}:time`]	[ Event, { timeToY: ( time: string \| number \| CalendarTimestamp, targetDateOrClamp: boolean \| CalendarTimestamp, ) => number timeDelta: ( time: string \| number \| CalendarTimestamp, targetDate: CalendarTimestamp, ) => number \| false outside: boolean index: number week: CalendarTimestamp[] category: string \| { name: string; categoryName: string; [string]: any } intervalRange: [number, number] date: string time: string year: number month: number day: number weekday: number hour: number minute: number hasDay: boolean hasTime: boolean past: boolean present: boolean future: boolean }, ]
Any event at a specific time in the `day` view. The second argument is the day & time object.
[`${string}:timeCategory`]	[ Event, { category: string \| { name: string; categoryName: string; [string]: any } timeToY: ( time: string \| number \| CalendarTimestamp, targetDateOrClamp: boolean \| CalendarTimestamp, ) => number timeDelta: ( time: string \| number \| CalendarTimestamp, targetDate: CalendarTimestamp, ) => number \| false outside: boolean index: number week: CalendarTimestamp[] intervalRange: [number, number] date: string time: string year: number month: number day: number weekday: number hour: number minute: number hasDay: boolean hasTime: boolean past: boolean present: boolean future: boolean }, ]
Any event at a specific time in the `category` view. The second argument is the day & time object.

Slots

{
  category: string | { name: string; categoryName: string; [string]: any }
  timeToY: (
    time: string | number | CalendarTimestamp,
    targetDateOrClamp: boolean | CalendarTimestamp,
  ) => number
  timeDelta: (
    time: string | number | CalendarTimestamp,
    targetDate: CalendarTimestamp,
  ) => number | false
  outside: boolean
  index: number
  week: CalendarTimestamp[]
  intervalRange: [number, number]
  date: string
  time: string
  year: number
  month: number
  day: number
  weekday: number
  hour: number
  minute: number
  hasDay: boolean
  hasTime: boolean
  past: boolean
  present: boolean
  future: boolean
}

{
  outside: boolean
  index: number
  week: CalendarTimestamp[]
  date: string
  time: string
  year: number
  month: number
  day: number
  weekday: number
  hour: number
  minute: number
  hasDay: boolean
  hasTime: boolean
  past: boolean
  present: boolean
  future: boolean
  category: string | { name: string; categoryName: string; [string]: any }
}

{
  timeToY: (
    time: string | number | CalendarTimestamp,
    targetDateOrClamp: boolean | CalendarTimestamp,
  ) => number
  timeDelta: (
    time: string | number | CalendarTimestamp,
    targetDate: CalendarTimestamp,
  ) => number | false
  outside: boolean
  index: number
  week: CalendarTimestamp[]
  category: string | { name: string; categoryName: string; [string]: any }
  intervalRange: [number, number]
  date: string
  time: string
  year: number
  month: number
  day: number
  weekday: number
  hour: number
  minute: number
  hasDay: boolean
  hasTime: boolean
  past: boolean
  present: boolean
  future: boolean
}

{
  index: number
  week: CalendarTimestamp[]
  date: string
  time: string
  year: number
  month: number
  day: number
  weekday: number
  hour: number
  minute: number
  hasDay: boolean
  hasTime: boolean
  past: boolean
  present: boolean
  future: boolean
  category: string | { name: string; categoryName: string; [string]: any }
}

CalendarTimestamp

CalendarTimestamp

CalendarTimestamp

{
  event: { [string]: any }
  outside: boolean
  singline: boolean
  overlapsNoon: boolean
  formatTime: (withTime: CalendarTimestamp, ampm: boolean) => string
  timeSummary: () => string
  eventSummary: () => JSX.Element
  eventParsed: CalendarEventParsed
  day: CalendarDaySlotScope
  start: boolean
  end: boolean
  timed: boolean
}

{
  category: string | { name: string; categoryName: string; [string]: any }
  timeToY: (
    time: string | number | CalendarTimestamp,
    targetDateOrClamp: boolean | CalendarTimestamp,
  ) => number
  timeDelta: (
    time: string | number | CalendarTimestamp,
    targetDate: CalendarTimestamp,
  ) => number | false
  outside: boolean
  index: number
  week: CalendarTimestamp[]
  intervalRange: [number, number]
  date: string
  time: string
  year: number
  month: number
  day: number
  weekday: number
  hour: number
  minute: number
  hasDay: boolean
  hasTime: boolean
  past: boolean
  present: boolean
  future: boolean
}

never

`category`
The content placed in a category header for the `category` type. The category variable is null for events with invalid (non-string) categories.
`day`
The content that is placed in a `week` or `month` view. The day & time object is passed through this slots scope.
`day-body`
The content that is placed in a `day` view in the scrollable interval container. The day & time object is passed through this slots scope.
`day-header`
The content that is placed in a `day` view in the top container. The day & time object is passed through this slots scope.
`day-label`
The content that is placed in the day of the month space in the `custom-weekly` or `month` view. The day & time object is passed through this slots scope.
`day-label-header`
The content that is placed in the day of the month space in the `week`, `day`, `4day`, or `custom-daily` view. The day & time object is passed through this slots scope.
`day-month`
The content that is placed in the month space in the `week` or `month` view. The day & time object is passed through this slots scope.
`event`
The content placed in an event. This ignores the `event-name` prop.
`interval`
The content that is placed in the interval space in the `day` view. The day & time object is passed through this slots scope.
`interval-header`
The content that is placed in the interval space in the top left of the `day` view.

Exposed

number

boolean

() => void

(timestamp: CalendarTimestamp, short: boolean) => string

CalendarTimestamp[]

number[]

(event: { [string]: any }) => string

(e: { [string]: any }) => string

(
  events: CalendarEventParsed[],
  firstWeekday: number,
  overlapThreshold: number,
) => (
  day: CalendarDaySlotScope,
  dayEvents: CalendarEventParsed[],
  timed: boolean,
  reset: boolean,
) => CalendarEventVisual[]

(
  event: CalendarEventParsed,
  timedEvent: boolean,
) => string | VNode<RendererNode, RendererElement, { [key: string]: any }>

HTMLElement[]

(event: { [string]: any }) => string

(event: { [string]: any }) => boolean

number[]

number

(
  __0: CalendarEventVisual,
  day: CalendarDaySlotScope,
) => VNode<RendererNode, RendererElement, { [key: string]: any }>

(
  event: CalendarEventParsed,
  scopeInput: {
    eventParsed: CalendarEventParsed
    day: CalendarDaySlotScope
    start: boolean
    end: boolean
    timed: boolean
  },
  timedEvent: boolean,
  data: Record<string, unknown>,
) => VNode<RendererNode, RendererElement, { [key: string]: any }>

(
  day: CalendarDaySlotScope,
) => VNode<RendererNode, RendererElement, { [key: string]: any }>

(
  eventSummary: () =>
    | string
    | VNode<RendererNode, RendererElement, { [key: string]: any }>,
) => VNode<RendererNode, RendererElement, { [key: string]: any }>

(
  day: CalendarTimestamp,
) => VNode<RendererNode, RendererElement, { [key: string]: any }>

(
  __0: CalendarEventVisual,
  day: {
    timeToY: (
      time: string | number | CalendarTimestamp,
      targetDateOrClamp: boolean | CalendarTimestamp,
    ) => number
    timeDelta: (
      time: string | number | CalendarTimestamp,
      targetDate: CalendarTimestamp,
    ) => number | false
    outside: boolean
    index: number
    week: CalendarTimestamp[]
    category: string | { name: string; categoryName: string; [string]: any }
    intervalRange: [number, number]
    date: string
    time: string
    year: number
    month: number
    day: number
    weekday: number
    hour: number
    minute: number
    hasDay: boolean
    hasTime: boolean
    past: boolean
    present: boolean
    future: boolean
  },
) => false | VNode<RendererNode, RendererElement, { [key: string]: any }>

(
  categories: (
    | string
    | {
        [key: string]: any
        name?: string | undefined
        categoryName?: string | undefined
      }
  )[],
) => (
  | string
  | {
      [key: string]: any
      name?: string | undefined
      categoryName?: string | undefined
    }
)[]

(colors: { background: string | false; text: string | false }) => {
  class: string[]
  style: CSSProperties
}

(timestamp: CalendarTimestamp) => CalendarTimestamp

(day: CalendarDaySlotScope) => CalendarEventParsed[]

(day: CalendarDaySlotScope) => CalendarEventParsed[]

(day: CalendarDaySlotScope) => CalendarEventParsed[]

() => {
  [string]: { parent: HTMLElement; more: HTMLElement; events: HTMLElement[] }
}

(
  options: Intl.DateTimeFormatOptions,
) => (timestamp: CalendarTimestamp, short: boolean) => string

(
  timestamp: CalendarTimestamp,
  outside: boolean,
) => {
  'v-present': boolean
  'v-past': boolean
  'v-future': boolean
  'v-outside': boolean
}

() => any

() => number

(timestamp: CalendarTimestamp) => {
  timeToY: (
    time: string | number | CalendarTimestamp,
    targetDateOrClamp: boolean | CalendarTimestamp,
  ) => number
  timeDelta: (
    time: string | number | CalendarTimestamp,
    targetDate: CalendarTimestamp,
  ) => number | false
  outside: boolean
  index: number
  week: CalendarTimestamp[]
  category: string | { name: string; categoryName: string; [string]: any }
  intervalRange: [number, number]
  date: string
  time: string
  year: number
  month: number
  day: number
  weekday: number
  hour: number
  minute: number
  hasDay: boolean
  hasTime: boolean
  past: boolean
  present: boolean
  future: boolean
}

(timestamp: CalendarTimestamp) => CalendarTimestamp

(e: Event, day: CalendarTimestamp) => CalendarTimestamp

() => CalendarEventParsed[]

(timestamp: CalendarTimestamp) => number

() => void

(timestamp: CalendarTimestamp, short: boolean) => string

CalendarTimestamp[][]

(_interval: CalendarTimestamp) => StyleValue

(
  event: CalendarEventParsed,
  category: string | { name: string; categoryName: string; [string]: any },
) => boolean

(day: CalendarTimestamp) => boolean

{
  date: string
  time: string
  year: number
  month: number
  day: number
  weekday: number
  hour: number
  minute: number
  hasDay: boolean
  hasTime: boolean
  past: boolean
  present: boolean
  future: boolean
  category?:
    | string
    | {
        [x: string]: any
        name?: string | undefined
        categoryName?: string | undefined
      }
    | undefined
}

{
  date: string
  time: string
  year: number
  month: number
  day: number
  weekday: number
  hour: number
  minute: number
  hasDay: boolean
  hasTime: boolean
  past: boolean
  present: boolean
  future: boolean
  category?:
    | string
    | {
        [x: string]: any
        name?: string | undefined
        categoryName?: string | undefined
      }
    | undefined
}

{
  isRtl: boolean
  rtl: Record<string, boolean>
  rtlClasses: string
  name: string
  decimalSeparator: string
  messages: LocaleMessages
  current: string
  fallback: string
  t: (key: string, ...params: unknown[]) => string
  n: (value: number) => string
  provide: (props: LocaleOptions) => LocaleInstance
}

(minutes: number) => number

(timestamp: CalendarTimestamp, short: boolean) => string

(timestamp: CalendarTimestamp, short: boolean) => string

(timestamp: CalendarTimestamp, short: boolean) => string

(amount: number) => void

(amount: number) => void

boolean

() => void

HTMLElement

(
  | string
  | {
      [key: string]: any
      name?: string | undefined
      categoryName?: string | undefined
    }
)[]

number

CalendarTimestamp

number

CalendarEventParsed[]

number

number | false

number

number

number

CalendarTimestamp

CalendarTimestamp

number[]

(amount: number) => void

{
  start: CalendarTimestamp
  end: CalendarTimestamp
  component:
    | (new () => any)
    | FunctionalComponent
    | { filterProps: (props: T) => Partial<T> }
  maxDays: number
  categories: (
    | string
    | {
        [key: string]: any
        name?: string | undefined
        categoryName?: string | undefined
      }
  )[]
}

HTMLElement

number

(
  time: string | number | { hour: number; minute: number },
) => boolean

(interval: CalendarTimestamp) => boolean

(
  time: CalendarTimestamp | string | number | { hour: number; minute: number },
  targetDate: CalendarTimestamp,
) => number | false

{
  now: {
    date: string
    time: string
    year: number
    month: number
    day: number
    weekday: number
    hour: number
    minute: number
    hasDay: boolean
    hasTime: boolean
    past: boolean
    present: boolean
    future: boolean
    category?:
      | string
      | {
          [x: string]: any
          name?: string | undefined
          categoryName?: string | undefined
        }
      | undefined
  }
  today: {
    date: string
    time: string
    year: number
    month: number
    day: number
    weekday: number
    hour: number
    minute: number
    hasDay: boolean
    hasTime: boolean
    past: boolean
    present: boolean
    future: boolean
    category?:
      | string
      | {
          [x: string]: any
          name?: string | undefined
          categoryName?: string | undefined
        }
      | undefined
  }
}

(
  time: CalendarTimestamp | string | number | { hour: number; minute: number },
  targetDateOrClamp: boolean | CalendarTimestamp,
) => number | false

string

CalendarTimestamp[]

() => void

() => void

(timestamp: CalendarTimestamp, short: boolean) => string

number[]

`bodyHeight`
MISSING DESCRIPTION (edit in github)
`categoryMode`
MISSING DESCRIPTION (edit in github)
`checkChange`
MISSING DESCRIPTION (edit in github)
`dayFormatter`
MISSING DESCRIPTION (edit in github)
`days`
MISSING DESCRIPTION (edit in github)
`effectiveWeekdays`
MISSING DESCRIPTION (edit in github)
`eventCategoryFunction`
MISSING DESCRIPTION (edit in github)
`eventColorFunction`
MISSING DESCRIPTION (edit in github)
`eventModeFunction`
MISSING DESCRIPTION (edit in github)
`eventNameFunction`
MISSING DESCRIPTION (edit in github)
`eventsRef`
MISSING DESCRIPTION (edit in github)
`eventTextColorFunction`
MISSING DESCRIPTION (edit in github)
`eventTimedFunction`
MISSING DESCRIPTION (edit in github)
`eventWeekdays`
MISSING DESCRIPTION (edit in github)
`firstMinute`
MISSING DESCRIPTION (edit in github)
`genDayEvent`
MISSING DESCRIPTION (edit in github)
`genEvent`
MISSING DESCRIPTION (edit in github)
`genMore`
MISSING DESCRIPTION (edit in github)
`genName`
MISSING DESCRIPTION (edit in github)
`genPlaceholder`
MISSING DESCRIPTION (edit in github)
`genTimedEvent`
MISSING DESCRIPTION (edit in github)
`getCategoryList`
MISSING DESCRIPTION (edit in github)
`getColorProps`
MISSING DESCRIPTION (edit in github)
`getEndOfWeek`
MISSING DESCRIPTION (edit in github)
`getEventsForDay`
MISSING DESCRIPTION (edit in github)
`getEventsForDayAll`
MISSING DESCRIPTION (edit in github)
`getEventsForDayTimed`
MISSING DESCRIPTION (edit in github)
`getEventsMap`
MISSING DESCRIPTION (edit in github)
`getFormatter`
MISSING DESCRIPTION (edit in github)
`getRelativeClasses`
MISSING DESCRIPTION (edit in github)
`getScopedSlots`
MISSING DESCRIPTION (edit in github)
`getScrollPush`
MISSING DESCRIPTION (edit in github)
`getSlotScope`
MISSING DESCRIPTION (edit in github)
`getStartOfWeek`
MISSING DESCRIPTION (edit in github)
`getTimestampAtEvent`
MISSING DESCRIPTION (edit in github)
`getVisibleEvents`
MISSING DESCRIPTION (edit in github)
`getWeekNumber`
MISSING DESCRIPTION (edit in github)
`init`
MISSING DESCRIPTION (edit in github)
`intervalFormatter`
MISSING DESCRIPTION (edit in github)
`intervals`
MISSING DESCRIPTION (edit in github)
`intervalStyleDefault`
MISSING DESCRIPTION (edit in github)
`isEventForCategory`
MISSING DESCRIPTION (edit in github)
`isOutside`
MISSING DESCRIPTION (edit in github)
`lastEnd`
MISSING DESCRIPTION (edit in github)
`lastStart`
MISSING DESCRIPTION (edit in github)
`locale`
MISSING DESCRIPTION (edit in github)
`minutesToPixels`
MISSING DESCRIPTION (edit in github)
`monthFormatter`
MISSING DESCRIPTION (edit in github)
`monthLongFormatter`
MISSING DESCRIPTION (edit in github)
`monthShortFormatter`
MISSING DESCRIPTION (edit in github)
`move`
MISSING DESCRIPTION (edit in github)
`next`
MISSING DESCRIPTION (edit in github)
`noEvents`
MISSING DESCRIPTION (edit in github)
`onResize`
MISSING DESCRIPTION (edit in github)
`pane`
MISSING DESCRIPTION (edit in github)
`parsedCategories`
MISSING DESCRIPTION (edit in github)
`parsedCategoryDays`
MISSING DESCRIPTION (edit in github)
`parsedEnd`
MISSING DESCRIPTION (edit in github)
`parsedEventOverlapThreshold`
MISSING DESCRIPTION (edit in github)
`parsedEvents`
MISSING DESCRIPTION (edit in github)
`parsedFirstInterval`
MISSING DESCRIPTION (edit in github)
`parsedFirstTime`
MISSING DESCRIPTION (edit in github)
`parsedIntervalCount`
MISSING DESCRIPTION (edit in github)
`parsedIntervalHeight`
MISSING DESCRIPTION (edit in github)
`parsedIntervalMinutes`
MISSING DESCRIPTION (edit in github)
`parsedStart`
MISSING DESCRIPTION (edit in github)
`parsedValue`
MISSING DESCRIPTION (edit in github)
`parsedWeekdays`
MISSING DESCRIPTION (edit in github)
`prev`
MISSING DESCRIPTION (edit in github)
`renderProps`
MISSING DESCRIPTION (edit in github)
`scrollAreaRef`
MISSING DESCRIPTION (edit in github)
`scrollPush`
MISSING DESCRIPTION (edit in github)
`scrollToTime`
MISSING DESCRIPTION (edit in github)
`showIntervalLabelDefault`
MISSING DESCRIPTION (edit in github)
`timeDelta`
MISSING DESCRIPTION (edit in github)
`times`
MISSING DESCRIPTION (edit in github)
`timeToY`
MISSING DESCRIPTION (edit in github)
`title`
MISSING DESCRIPTION (edit in github)
`todayWeek`
MISSING DESCRIPTION (edit in github)
`updateEventVisibility`
MISSING DESCRIPTION (edit in github)
`updateTimes`
MISSING DESCRIPTION (edit in github)
`weekdayFormatter`
MISSING DESCRIPTION (edit in github)
`weekdaySkips`
MISSING DESCRIPTION (edit in github)

SASS Variables

name	default
`$calendar-background`	rgb(var(--v-theme-surface))
`$calendar-category-column-min-width`	200px
`$calendar-daily-day-font-size`	40px
`$calendar-daily-day-padding`	0px 0px 3px 0px
`$calendar-daily-head-day-label-size`	56px
`$calendar-daily-head-weekday-size`	50px
`$calendar-daily-interval-gutter-align`	right
`$calendar-daily-interval-gutter-font-size`	10px
`$calendar-daily-interval-gutter-line-width`	8px
`$calendar-daily-interval-gutter-top`	-6px
`$calendar-daily-interval-gutter-width`	4px
`$calendar-daily-weekday-font-size`	11px
`$calendar-daily-weekday-padding`	3px 0px 0px 0px
`$calendar-event-border-radius`	settings.$border-radius-root
`$calendar-event-border-width`	1px
`$calendar-event-bottom-space`	1px
`$calendar-event-font-size`	12px
`$calendar-event-line-height`	20px
`$calendar-event-right-empty`	10px
`$calendar-grid-color`	rgba(var(--v-border-color), var(--v-border-opacity))
`$calendar-interval-text-color`	rgb(var(--v-theme-on-surface))
`$calendar-line-width`	1px
`$calendar-on-background`	rgb(var(--v-theme-on-surface))
`$calendar-on-outside-background`	rgb(var(--v-theme-on-surface-light))
`$calendar-on-weeknumber-background`	rgb(var(--v-theme-on-surface))
`$calendar-outline-color`	rgba(var(--v-border-color), var(--v-border-opacity))
`$calendar-outside-background`	rgb(var(--v-theme-surface-light))
`$calendar-past-color`	rgb(var(--v-theme-on-surface))
`$calendar-weekly-day-label-font-size`	12px
`$calendar-weekly-day-label-margin`	4px 0 0 0
`$calendar-weekly-day-label-size`	32px
`$calendar-weekly-day-month-left`	36px
`$calendar-weekly-day-padding`	0px 0px 0px 0px
`$calendar-weekly-weekday-font-size`	11px
`$calendar-weekly-weekday-padding`	0px 4px 0px 4px
`$calendar-weekly-weeknumber-flex-basis`	24px
`$calendar-weekly-weeknumber-padding-top`	14.5px
`$calendar-weeknumber-background`	rgb(var(--v-theme-surface))

#VCalendar API

VCalendar API