v0.9.0

Bug Fixes

v-calendar

• Fixes Turkish locale identifier
• Fixes weekday formatting by using UNC dates with Intl.DateTimeFormat. Closes #104.
• Other small bug fixes

v-date-picker

• Fixes glitch with highlight cap animation when mode === "range"
• Fixes bug with themeStyles.dayContent style getting ignored. Closes #115.

Improvements

v-calendar

• Adds min-date prop as a convenient alternative to min-page
• Adds max-date prop as a convenient alternative to max-page
• Adds is-linked prop to link panes to consecutive months when is-double-paned is set. Closes #80.
• Adds is-vertical prop for vertical calendar orientation when is-double-paned is set. Closes #89.

v-date-picker

• min-date and max-date props are now forwarded to v-calendar. Closes #78.

Defaults

Theme styles modifications. Closes #93.

Style	Modification	Description
horizontalDivider	Add	Horizontal divider when calendars are in vertical orientation (is-vertical)
navHeader	Add	Navigation pane header.
navHeaderTitle	Add	Navigation pane header title.
navHeaderArrows	Add	Navigation pane header arrows.
navMonthCell	Add	Navigation pane month cells.
navYearCell	Add	Navigation pane year cells.
header	Edited	Supports use of function that accepts a page object and return a style
headerTitle	Edit	Supports use of function that accepts a page object and return a style
headerArrows	Edit	Supports use of function that accepts a page object and return a style
headerHorizontalDivider	Edit	Supports use of function that accepts a page object and return a style
weekdays	Edit	Supports use of function that accepts a page object and return a style
weekdaysHorizontalDivider	Edit	Supports use of function that accepts a page object and return a style
weeks	Edit	Supports use of function that accepts a page object and return a style
headerVerticalDivider	Remove	Reference note below
weekdaysVerticalDivider	Remove	Reference note below
weeksVerticalDivider	Remove	Reference note below

• Styles removed in favor of defining functions for the header, weekdays and weeks styles like so...

<template>
  <v-calendar :theme-styles='themeStyles'>
  </v-calendar>
</template>

export default {
  data() {
    return {
      themeStyles: {
        // Use page position to set left border for the 2nd pane header
        // NOTE: You can use the `verticalDivider` style to apply a single border. Just use this technique to apply different border styles for specific sections (header, weekdays, weeks)
        header({ position }) {
          return (position === 2) && {
            borderLeft: '1px solid #dadada'
          };
        }
      }
    }
  }
}