![\"Buy](\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\")
Material Design datepicker built with Polymer 3
\nMaterial Design datepicker built with Polymer 3
\nMaterial Design datepicker built with Polymer 3
\nDatepicker element built with lit-element and Material Design 2
\nDatepicker element built with lit-element and Material Design 2
\nDatepicker element built with lit-element and Material Design 2
\nDatepicker element built with lit-element and Material Design 2
\nDatepicker element built with lit-element and Material Design 2
\nDatepicker element built with lit-element and Material Design 2
\nDatepicker element built with lit-element and Material Design 2
\nDatepicker element built with lit-element and Material Design 2
\nDatepicker element built with lit-element and Material Design 2
\nDatepicker element built with lit-element and Material Design 2
\nDatepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 10.13.0\n- [NPM][npm-url] >= 5.5.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 10.13.0\n- [NPM][npm-url] >= 5.5.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#Pre-requisite)\n- [Installation](#Installation)\n- [How to use](#How-to-use)\n- [Browser compatibility](#Browser-compatibility)\n- [API references](#API-references)\n- [Demo](#Demo)\n- [Older versions](#Older-versions)\n- [License](#License)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n* [Web Animations]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#Pre-requisite)\n- [Installation](#Installation)\n- [How to use](#How-to-use)\n- [Browser compatibility](#Browser-compatibility)\n- [API references](#API-references)\n- [Demo](#Demo)\n- [Older versions](#Older-versions)\n- [License](#License)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n* [Web Animations]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#Pre-requisite)\n- [Installation](#Installation)\n- [How to use](#How-to-use)\n- [Browser compatibility](#Browser-compatibility)\n- [API references](#API-references)\n- [Demo](#Demo)\n- [Older versions](#Older-versions)\n- [License](#License)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n* [Web Animations]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#Pre-requisite)\n- [Installation](#Installation)\n- [How to use](#How-to-use)\n- [Browser compatibility](#Browser-compatibility)\n- [API references](#API-references)\n- [Demo](#Demo)\n- [Older versions](#Older-versions)\n- [License](#License)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n* [Web Animations]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#Pre-requisite)\n- [Installation](#Installation)\n- [How to use](#How-to-use)\n- [Browser compatibility](#Browser-compatibility)\n- [API references](#API-references)\n- [Demo](#Demo)\n- [Older versions](#Older-versions)\n- [License](#License)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n* [Web Animations]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#Pre-requisite)\n- [Installation](#Installation)\n- [How to use](#How-to-use)\n- [Browser compatibility](#Browser-compatibility)\n- [API references](#API-references)\n- [Demo](#Demo)\n- [Older versions](#Older-versions)\n- [License](#License)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n* [Web Animations]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#Pre-requisite)\n- [Installation](#Installation)\n- [How to use](#How-to-use)\n- [Browser compatibility](#Browser-compatibility)\n- [API references](#API-references)\n- [Demo](#Demo)\n- [Older versions](#Older-versions)\n- [License](#License)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n* [Web Animations]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n* [Web Animations]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n* [Web Animations]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 8.16.0\n- [NPM][npm-url] >= 6.4.1 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.0.1\n- [TypeScript][typescript-url] >= 3.3.3\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n* [Web Animations]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 10.18.1\n- [NPM][npm-url] >= 6.13.4 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.2.1\n- [TypeScript][typescript-url] >= 3.7.4\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 10.18.1\n- [NPM][npm-url] >= 6.13.4 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.2.1\n- [TypeScript][typescript-url] >= 3.7.4\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 10.18.1\n- [NPM][npm-url] >= 6.13.4 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.2.1\n- [TypeScript][typescript-url] >= 3.7.4\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 10.18.1\n- [NPM][npm-url] >= 6.13.4 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.2.1\n- [TypeScript][typescript-url] >= 3.7.4\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfilling in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [Node.js][node-js-url] >= 10.18.1\n- [NPM][npm-url] >= 6.13.4 ([NPM][npm-url] comes with [Node.js][node-js-url] so there is no need to install separately.)\n- [lit-element][lit-element-url] >= 2.2.1\n- [TypeScript][typescript-url] >= 3.7.4\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2020] (_The element is compiled with features targeting ES2020, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n> \n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Works well with `mwc-dialog>`](#works-well-with-mwc-dialog)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2020] (_The element is compiled with features targeting ES2020, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n> \n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Works well with `mwc-dialog>`](#works-well-with-mwc-dialog)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2020] (_The element is compiled with features targeting ES2020, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n> \n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Works well with `mwc-dialog>`](#works-well-with-mwc-dialog)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] (_The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n> \n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Works well with `mwc-dialog>`](#works-well-with-mwc-dialog)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] (_The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n> \n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Works well with `mwc-dialog>`](#works-well-with-mwc-dialog)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] (_The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n> \n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Works well with `mwc-dialog>`](#works-well-with-mwc-dialog)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] (_The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n> \n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Works well with `mwc-dialog>`](#works-well-with-mwc-dialog)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] (_The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n> \n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Works well with `mwc-dialog>`](#works-well-with-mwc-dialog)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] (_The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![CircleCI][circleci-badge]][circleci-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n> \n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Works well with `mwc-dialog>`](#works-well-with-mwc-dialog)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] (_The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![Sauce Labs][ga-sl-badge]][ga-sl-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n> \n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Works well with `mwc-dialog>`](#works-well-with-mwc-dialog)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] (_The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![Sauce Labs][ga-sl-badge]][ga-sl-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n> \n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Works well with `mwc-dialog>`](#works-well-with-mwc-dialog)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] (_The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![Sauce Labs][ga-sl-badge]][ga-sl-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 🛠 While it is still in RC release, feel free to try it out.\n> \n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript][typescript-url]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Works well with `mwc-dialog>`](#works-well-with-mwc-dialog)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] (_The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers._)\n- [lit-element][lit-element-url] >= 2.2.1\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker@next\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![Sauce Labs][ga-sl-badge]][ga-sl-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit-element][lit-element-url] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![Sauce Labs][ga-sl-badge]][ga-sl-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit-element][lit-element-url] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![Sauce Labs][ga-sl-badge]][ga-sl-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit-element][lit-element-url] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![Sauce Labs][ga-sl-badge]][ga-sl-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit-element][lit-element-url] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit-element and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit-element][lit-element-version-badge]][lit-element-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![Sauce Labs][ga-sl-badge]][ga-sl-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit-element][lit-element-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit-element][lit-element-url] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit-element` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit-element';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![Sauce Labs][ga-sl-badge]][ga-sl-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![Sauce Labs][ga-sl-badge]][ga-sl-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![Sauce Labs][ga-sl-badge]][ga-sl-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![Sauce Labs][ga-sl-badge]][ga-sl-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [Older versions](#older-versions)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Language grade: JavaScript][lgtm-badge]][lgtm-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![Code of Conduct][coc-badge]][coc-url]\n\n> A different way of `datepicker`-ing on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.1\n- [OPTIONAL] [TypeScript] >= 3.8.3 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [jsdelivr (ESM)][jsdelivr-url]\n 2. [unpkg (ESM)][unpkg-url]\n\n## How to use\n\n**Polyfills**\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n**my-app.ts**\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, customElement, html, LitElement } from 'lit';\nimport 'app-datepicker';\n\n@customElement(MyApp.is)\nexport class MyApp extends LitElement {\n static is() { return 'my-app'; }\n\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n protected render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n[![Join Discord][join-discord-badge]][join-discord-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![Code of Conduct][coc-badge]][coc-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n - [Polyfills](#polyfills)\n - [ES Modules](#es-modules)\n - [my-app.js](#my-appjs)\n - [index.html](#indexhtml)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [License](#license)\n\n> Miracle happens when marrying Material Design with date pickers on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n - [Polyfills](#polyfills)\n - [ES Modules](#es-modules)\n - [my-app.js](#my-appjs)\n - [index.html](#indexhtml)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.0\n- [OPTIONAL] [TypeScript] >= 4.5.5 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [esm.run/ jsdelivr][jsdelivr-url]\n 2. [esm.sh][esm-sh-url]\n\n## How to use\n\n### Polyfills\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n### ES Modules\n\n#### my-app.js\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport 'app-datepicker';\n\nconst localName = 'my-app';\n\n@customElement(localName)\nexport class MyApp extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n[![Join Discord][join-discord-badge]][join-discord-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![Code of Conduct][coc-badge]][coc-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n - [Polyfills](#polyfills)\n - [ES Modules](#es-modules)\n - [my-app.js](#my-appjs)\n - [index.html](#indexhtml)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [License](#license)\n\n> Miracle happens when marrying Material Design with date pickers on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n - [Polyfills](#polyfills)\n - [ES Modules](#es-modules)\n - [my-app.js](#my-appjs)\n - [index.html](#indexhtml)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.0\n- [OPTIONAL] [TypeScript] >= 4.5.5 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [esm.run/ jsdelivr][jsdelivr-url]\n 2. [esm.sh][esm-sh-url]\n\n## How to use\n\n### Polyfills\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n### ES Modules\n\n#### my-app.js\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport 'app-datepicker';\n\nconst localName = 'my-app';\n\n@customElement(localName)\nexport class MyApp extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n[![Join Discord][join-discord-badge]][join-discord-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![Code of Conduct][coc-badge]][coc-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n - [Polyfills](#polyfills)\n - [ES Modules](#es-modules)\n - [my-app.js](#my-appjs)\n - [index.html](#indexhtml)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [License](#license)\n\n> Miracle happens when marrying Material Design with date pickers on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n - [Polyfills](#polyfills)\n - [ES Modules](#es-modules)\n - [my-app.js](#my-appjs)\n - [index.html](#indexhtml)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.0\n- [OPTIONAL] [TypeScript] >= 4.5.5 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [esm.run/ jsdelivr][jsdelivr-url]\n 2. [esm.sh][esm-sh-url]\n\n## How to use\n\n### Polyfills\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n### ES Modules\n\n#### my-app.js\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport 'app-datepicker';\n\nconst localName = 'my-app';\n\n@customElement(localName)\nexport class MyApp extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n render() {\n return html`Datepicker element built with lit and Material Design 2021
\n\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n[![Join Discord][join-discord-badge]][join-discord-url]\n\n[![Version][version-badge]][version-url]\n[![lit][lit-version-badge]][lit]\n[![MIT License][mit-license-badge]][mit-license-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n[![Bundlephobia][bundlephobia-badge]][bundlephobia-url]\n\n[![ci][ga-ci-badge]][ga-ci-url]\n[![ci-helpers][ga-ci-helpers-badge]][ga-ci-helpers-url]\n[![codecov][codecov-badge]][codecov-url]\n\n[![Code of Conduct][coc-badge]][coc-url]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n - [Polyfills](#polyfills)\n - [ES Modules](#es-modules)\n - [my-app.js](#my-appjs)\n - [index.html](#indexhtml)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [License](#license)\n\n> Miracle happens when marrying Material Design with date pickers on the web.\n>\n> 💯 Also, featured in [awesome-lit-html].\n\nThis marks another completion of an important milestone of `app-datepicker` with all the love from the [Web Components community][web-components-community-url] in making this element great and wonderful. As Web Components getting more and more traction and better at providing a web standard way of creating shareable components, it plays an important role in the JavaScript community as many developers depend on a plethora of development tools written in JavaScript for the web to create a better developer experience when developing a library, a component, or even a large scalable application.\n\n\n\nToday, `app-datepicker` has been completely rewritten to adapt to the best of both worlds by leveraging the modern technologies the community most familiar with since year 2018.\n\nThe following are the list of tools used that makes it shine:\n\n 1. [TypeScript]\n 2. [lit]\n\n## Table of contents \n\n- [Pre-requisite](#pre-requisite)\n- [Installation](#installation)\n- [How to use](#how-to-use)\n - [Polyfills](#polyfills)\n - [ES Modules](#es-modules)\n - [my-app.js](#my-appjs)\n - [index.html](#indexhtml)\n- [Browser compatibility](#browser-compatibility)\n- [Q&A](#qa)\n- [API references](#api-references)\n- [Demo](#demo)\n- [License](#license)\n\n## Pre-requisite\n\n- [ES2019] _(The element is compiled with features targeting ES2019, so it might not work properly without transpilation on older browsers.)_\n- [lit] >= 2.2.0\n- [OPTIONAL] [TypeScript] >= 4.5.5 _(TypeScript users only)_\n\n## Installation\n\n- NPM\n\n ```sh\n $ npm i app-datepicker\n ```\n\n- Alternatively, it can be downloaded from any of the following awesome CDNs:\n\n 1. [esm.run/ jsdelivr][jsdelivr-url]\n 2. [esm.sh][esm-sh-url]\n\n## How to use\n\n### Polyfills\n\nPlease make sure you have all these features available on the browsers you are supporting. If no, please consider polyfill-ing in order to run the datepicker element.\n\n* [Array.prototype.find]\n* [Intl.DateTimeFormat]\n\nThe following snippet shows a simple script used in the demo to load polyfills via feature detection on different browsers:\n\n```html\n\n```\n\n### ES Modules\n\n#### my-app.js\n\n```ts\n/**\n * Say you've already installed the element via NPM, simply import the package to your application.\n * Here I'm using `lit` for developing my application.\n */\nimport { css, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport 'app-datepicker';\n\nconst localName = 'my-app';\n\n@customElement(localName)\nexport class MyApp extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n `\n ];\n\n render() {\n return html`Datepicker element built with lit and Material Design 2021
\nDatepicker element built with lit and Material Design 2021
\nDatepicker element built with lit and Material Design 2021
\nDatepicker element built with lit and Material Design 2021
\nDatepicker element built with lit and Material Design 2021
\nDatepicker element built with lit and Material Design 2021
\nDatepicker element built with lit and Material Design 2021
\nDatepicker element built with lit and Material Design 2021
\nDatepicker element built with lit and Material Design 2021
\nDatepicker element built with lit and Material Design 2021
\nDatepicker element built with lit and Material Design 2021
\n