Overview

Use to help the user enter a date in a form.

The ns-datepicker wraps the ns-inputter component. Guidelines defined for the ns-inputter should also be adhered to when using this component. See <ns-inputter> documentation.

Examples

Configure

Guidance

Do

• Use the default type for picking a date from a range.
• Use the default type for picking a date that the user might not be sure of (e.g. Next Friday).
• Use the mask type for picking a dates that are well know to the user (e.g. Date of birth).

Don't

• Change the date format.

Implementation

Placement

The ns-datepicker component can be used in the following components:

• <ns-form>
• <ns-form-group>

Specification

Attributes

helper

Property

helper

Description

The helper text of the datepicker.

Type

string

label

Property

label

Description

The label of the datepicker.

Type

string

autocomplete

Property

autocomplete

Description

The autocomplete for the input.

Type

string

Default

off

min

Property

min

Description

The minimum date of the datepicker.

Type

string

Default

undefined

max

Property

max

Description

The maximum date of the datepicker.

Type

string

Default

undefined

validation

Property

validation

Description

The input validation of the datepicker.

Type

Array

Default

[]

name

Property

name

Description

The form name of the datepicker.

Type

string

value

Property

value

Description

The value of the datepicker.

Type

string

Default

labelID

Property

labelID

Type

string

Default

heading

Property

heading

Type

string

Default

type

Property

type

Description

The type of the datepicker.

Type

string

Options

standard mask native

Default

standard

Slots

Slot	Permitted tags	Description
tip-details	<p>	The tip details of the datepicker.

Events

Name	Description
change	The event fired when the value changes. Returns the value of the datepicker.