🚀 - DateRange-mask

[nsbarsukov]

Which package(s) are relevant/related to the feature request?

@maskito/kit

Description

We should create mask for InputDateRange.
In the most cases the new mask should behave in the same way as Date-mask.

Proposed API

import {Maskito} from '@maskito/core';
import {maskitoDateRangeOptionsGenerator} from '@maskito/kit';

const inputDateRange = new Maskito(
    element,
    maskitoDateRangeOptionsGenerator({
        mode: 'YMD',
        separator: '.',
        // ...
    })
)

Configurable options

mode

Possible values:

• DMY - dd.mm.yyyy
• MDY - mm.dd.yyyy
• YMD - yyyy.mm.dd

Default value: DMY.

separator

Symbol for separating date-segments (days, months, years).
Default value: . (dot).

min

Accepts native Date.
Validates value ONLY when value is fully completed (after user input).
Default value: null.

max

Accepts native Date.
Validates value ONLY when value is fully completed (after user input).
Default value: null.

minLength

Accepts ??? .
Minimal length of range
Default value: null.

maxLength

Accepts ??? .
Maximal length of range
Default value: null.