v0.9.0
Pre-release
Pre-release
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 tomin-page
- Adds
max-date
prop as a convenient alternative tomax-page
- Adds
is-linked
prop to link panes to consecutive months whenis-double-paned
is set. Closes #80. - Adds
is-vertical
prop for vertical calendar orientation whenis-double-paned
is set. Closes #89.
v-date-picker
min-date
andmax-date
props are now forwarded tov-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
andweeks
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'
};
}
}
}
}
}