v-calendar 0.9.0

v0.9.0

on Node.js NPM

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.

• 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'
          };
        }
      }
    }
  }
}