0.5.4 • Published 4 years ago
crca-lit-datepicker v0.5.4
crca-lit-datepicker
fork lit-datepicker provides a simple datepicker with range.
Install
npm install crca-lit-datepicker
Fork @doubletrade/lit-datepicker Inspired by airbnb datepicker.
// Simple
return html`<lit-datepicker .dateFrom=${dateFrom} .dateTo=${dateTo}></lit-datepicker>`;
// No range
return html`<lit-datepicker noRange></lit-datepicker>`;
// No range and narrow view
return html`<lit-datepicker noRange forceNarrow></lit-datepicker>`;
// i18n
return html`<lit-datepicker locale="es"></lit-datepicker>`;
// Inputs
const input = (dateFrom, dateTo) => html`
<paper-input .value="${dateFrom} - ${dateTo}" readonly label="Input">
<paper-icon-button slot="suffix" icon="today"></paper-icon-button>
</paper-input>`;
return html`<lit-datepicker-input .html="${input}" dateFormat="dd/MM/yyyy" locale="en"></lit-datepicker-input>`;