@lion/input-date
TypeScript icon, indicating that this package has built-in type declarations

0.15.1 • Public • Published

Input Date >> Overview ||10

A web component based on the generic text input field. Its purpose is to provide a way for users to fill in a date.

import { html } from '@mdjs/mdjs-preview';
import { MinDate, MinMaxDate, MaxDate } from '@lion/form-core';
import { loadDefaultFeedbackMessages } from '@lion/validate-messages';
import { formatDate } from '@lion/localize';
import '@lion/input-date/define';
export const main = () => html` <lion-input-date label="Date"></lion-input-date> `;

Features

  • Based on our input
  • Makes use of formatDate for formatting and parsing.
  • Option to override locale to change the formatting and parsing
  • Default label in different languages
  • Can make use of date specific validators with corresponding error messages in different languages
    • IsDate (default)
    • MinDate
    • MaxDate
    • MinMaxDate

Installation

npm i --save @lion/input-date
import { LionInputDate } from '@lion/input-date';
// or
import '@lion/input-date/define';

Package Sidebar

Install

npm i @lion/input-date

Weekly Downloads

1,102

Version

0.15.1

License

MIT

Unpacked Size

20.2 kB

Total Files

15

Last publish

Collaborators

  • tlouisse
  • narzac
  • d4kmor