🚀 - Date-mask

[nsbarsukov]

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

@maskito/kit

Description

We should create mask for InputDate.

Proposed API

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

const inputDate = new Maskito(
    element,
    maskitoDateOptionsGenerator({
        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.

Additional requirements for new mask

• overwriteMode is equal to replace
2|6.01.2023 => Type 2 => 22.|01.2023

• when user deletes character in the middle of string
  Acceptable soultion – always replace deleted character with zero.
  26|.01.2023 => Backspace => 2|0.01.2023
31.05|.2023 => Backspace => 31.0|0.2023
  The best solution (can be done in another issue) – replace deleted character with 0 | 1.
  26|.01.2023 => Backspace => 2|0.01.2023
31.05|.2023 => Backspace => 31.0|1.2023

• If user type 4 | 5 | 6 | 7 | 8 | 9 for the first digit of days/months => pad it with zero.
  For example: Empty input => User types 9 => Input's value is 09|

• Cannot type days more than 31.

• Cannot type months more than 12.