Clean And Lightweight Calendar Plugin For Vue.js – V-Calendar

Description:

A lightweight, dependency-free plugin for building attributed calendars in Vue.js.

Features:

  • Display clean and simple attributed calendars
  • Built-in support for various attributes, including
    • highlighted regions
    • indicators
    • day content styles (hovered and non-hovered)
  • Apply attributes over multiple dates or date ranges (start & end dates)
  • Date-picker supporting all native v-calendar props/events with various selection modes
    • single date
    • multiple dates
    • date range
  • Extensive API with custom slot support
  • Responsive and mobile-friendly
    • Handles taps for date selection
    • Handles swipes for month navigation

Preview:

V-Calendar

Changelog:

v2.2.4 (02/28/2020)

  • Set inheritAttrs to false for calendar pane component
  • Fix null dates for time picker when mode === ‘time’
  • Add modelConfig.fillDate parameter to fill missing date parts
  • Provide popover options as defaults for showPopover, hidePopover, togglePopover

v2.2.3 (02/01/2020)

  • Fix on-bottom class when trim-weeks prop is used
  • Fix date range clearing and page adjustment when end date is missing

v2.2.2 (01/27/2020)

  • Update lodash to fix security vulnerability

v2.2.1 (01/24/2020)

  • Fix bug with disabling certain month and year items if any min or max props are provided.
  • Disables navigation to next and previous groups of month and year items when needed.

v2.2.0 (01/17/2020)

  • Set timezone offset to 0 for ISO dates that end with Z
  • Adjust date timezone to UTC when formatting with masks that end with Z
  • Use a default ISO mask for string dates that matches the browser: YYYY-MM-DDTHH:mm:ss.SSSZ
  • Add ZZ, ZZZ and ZZZZ mask tokens
  • Add unit tests for DatePicker and TimePicker with string dates

v2.1.6 (01/01/2020)

  • Fix time parse for browsers < Safari 14

v2.1.5 (12/28/2020)

  • Fix css for nav current month, title & weekday labels

v2.1.4 (12/26/2020)

  • Fix popover.keepVisibleOnInput
  • Patch Media Query addEventListener for browsers < Safari 14, < Edge 16
  • Fix focus styles in navigation pane
  • Remove dedicated Grid component to reduce DOM elements and package size
  • Remove unnecessary JS/CSS
  • Tighten min pane width to 250px

v2.1.3 (12/18/2020)

  • Bug Fixes
  • Shortens picker popover hide delay to prevent multiple rapid date selections

v2.1.2 (12/14/2020)

  • Fix container height in flex containers
  • Fix disabled date detection
  • Fix timezone offset calculation

v2.1.1 (11/18/2020)

  • Fixes aria-label for calendar days
  • Adds trim-weeks prop for both calendars and date pickers
  • Adds force option to move and focusDate methods
  • Adds move and focusDate method wrappers to date picker
  • Convert move and focusDate to promise-based methods for compatibility
  • Adds showDelay and hideDelay options for date picker popover
  • Adds showDelayhideDelay and transition options for attribute popovers

11/01/2020

  • v2.0.2

10/25/2020

  • v2.0.1

10/24/2020

  • v2.0.0

10/16/2020

  • v1.1.1

06/17/2020

  • v1.0.8

Download Details:

Author: nathanreyes

Live Demo: https://vcalendar.netlify.com/

Download Link: https://github.com/nathanreyes/v-calendar/archive/master.zip

Official Website: https://github.com/nathanreyes/v-calendar

Install & Download:

$npm install v-calendar

You Might Be Interested In:

Tags:

Add Comment