@lion/calendar NPM | npm.io

0.20.1 • Published 2 years ago

Install

Weekly downloads

346

License

MIT

Repository

Last release

2 years ago

Inputs >> Calendar >> Overview ||10

A reusable and accessible calendar view web component.

import { html, css } from '@lion/core';
import '@lion/calendar/define';

export const main = () => {
  return html`
    <style>
      .demo-calendar {
        border: 1px solid #adadad;
        box-shadow: 0 0 16px #ccc;
        max-width: 500px;
      }
    </style>
    <lion-calendar class="demo-calendar"></lion-calendar>
  `;
};

Features

fully accessible keyboard navigation (Arrow Keys, PgUp, PgDn, ALT+PgUp, ALT+PgDn)
minDate: disables all dates before a given date
maxDate: disables all dates after a given date
disableDates: disables some dates within an available range
selectedDate: currently selected date
centralDate: date that determines the currently visible month and that will be focused when keyboard moves the focus to the month grid
focusedDate: (getter only) currently focused date (if there is any with real focus)
focusDate(date): focus on a certain date
focusSelectedDate(): focus on the current selected date
focusCentralDate(): focus on the current central date
firstDayOfWeek: typically Sunday (default) or Monday
weekdayHeaderNotation: long/short/narrow for the current locale (e.g. Thursday/Thu/T)
locale: different locale for the current component only

Installation

npm i --save @lion/calendar

import '@lion/calendar/define';

calendar lion web-components

@lion/core @lion/localize

@everything-registry/sub-chunk-550 @divriots/spooky @divriots/starter-simba @dile/utils @dile/dile-datepicker @aurodesignsystem/auro-calendar @backlight-dev/sincere-response-8fi2r.simba-kzanpojj @backlight-dev/teste-comp.simba-l9x8ele4 @backlight-dev/m4dz.simba @backlight-dev/phyum.phyum @backlight-dev/dtcg.simba-ktl6nkz3 @backlight-dev/fine-faucet-r5cia.simba-kv9anepq @backlight-dev/another-one.simba-kvs6sh3m @backlight-dev/bespace.simba-kv9mge72 @backlight-dev/degree-undergo-gztam.simba-ldk6j2gd @lion/input-datepicker @zalastax/nolb-_lio dsy-ui

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago