ayo/lion

Thomas Allmer 396deb2e3b feat: finalize validation and adopt it everywhere

Co-authored-by: Alex Ghiu <alex.ghiu@ing.com>
Co-authored-by: Gerjan van Geest <Gerjan.van.Geest@ing.com>
Co-authored-by: Thijs Louisse <Thijs.Louisse@ing.com>
Co-authored-by: Joren Broekema <joren.broekema@ing.com>
Co-authored-by: Erik Kroes <erik.kroes@ing.com>

2019-11-18 15:30:08 +01:00

983 B

Raw Blame History

Input Date

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

Features

based on lion-input
makes use of formatDate for formatting and parsing.
option to overwrite 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

How to use

Installation

npm i --save @lion/input-date

import '@lion/input-date/lion-input-date.js';

// validator import example
import { Required, MinDate } from '@lion/validate';

Example

<lion-input-date
  name="date"
  .validators="${[new Required(), new MinDate(new Date('2018/05/24'))]}"
></lion-input-date>