diff --git a/projects/demo-integrations/cypress/tests/kit/date-range/date-range-custom-range-separator.cy.ts b/projects/demo-integrations/cypress/tests/kit/date-range/date-range-custom-range-separator.cy.ts index c4e9c5057..519cdc39c 100644 --- a/projects/demo-integrations/cypress/tests/kit/date-range/date-range-custom-range-separator.cy.ts +++ b/projects/demo-integrations/cypress/tests/kit/date-range/date-range-custom-range-separator.cy.ts @@ -11,7 +11,7 @@ describe('DateRange | CustomRangeSeparator', () => { .as('input'); }); - it.only('14.12.1997~09.07.2015', () => { + it('14.12.1997~09.07.2015', () => { cy.get('@input') .type('14121997972015') .should('have.value', '14.12.1997~09.07.2015'); diff --git a/projects/demo/src/pages/kit/date-range/date-range-mask-doc.component.ts b/projects/demo/src/pages/kit/date-range/date-range-mask-doc.component.ts index 9b9e7eede..5d49f7c9a 100644 --- a/projects/demo/src/pages/kit/date-range/date-range-mask-doc.component.ts +++ b/projects/demo/src/pages/kit/date-range/date-range-mask-doc.component.ts @@ -8,8 +8,7 @@ import { MaskitoDateSegments, } from '@maskito/kit'; import {TuiDocExample} from '@taiga-ui/addon-doc'; -import {CHAR_EN_DASH, CHAR_NO_BREAK_SPACE, tuiPure} from '@taiga-ui/cdk'; -import {DEFAULT_DATE_RANGE_SEPARATOR} from 'projects/kit/src/lib/masks/date-range'; +import {tuiPure} from '@taiga-ui/cdk'; type GeneratorOptions = Required< NonNullable[0]> @@ -66,15 +65,17 @@ export class DateRangeMaskDocComponent implements GeneratorOptions { max = new Date(this.maxStr); minLength: Partial> = {}; maxLength: Partial> = {}; - rangeSeparator = DEFAULT_DATE_RANGE_SEPARATOR; + rangeSeparator = ' – '; maskitoOptions: MaskitoOptions = maskitoDateRangeOptionsGenerator(this); @tuiPure - getPlaceholder(mode: MaskitoDateMode, separator: string): string { - const datesSep = `${CHAR_NO_BREAK_SPACE}${CHAR_EN_DASH}${CHAR_NO_BREAK_SPACE}`; - - return `${mode.replace(/\//g, separator)}${datesSep}${mode.replace( + getPlaceholder( + mode: MaskitoDateMode, + separator: string, + rangeSeparator: string, + ): string { + return `${mode.replace(/\//g, separator)}${rangeSeparator}${mode.replace( /\//g, separator, )}`; diff --git a/projects/demo/src/pages/kit/date-range/date-range-mask-doc.template.html b/projects/demo/src/pages/kit/date-range/date-range-mask-doc.template.html index ed0595fb2..d826cf611 100644 --- a/projects/demo/src/pages/kit/date-range/date-range-mask-doc.template.html +++ b/projects/demo/src/pages/kit/date-range/date-range-mask-doc.template.html @@ -86,7 +86,9 @@ Enter dates @@ -172,7 +174,7 @@ [(documentationPropertyValue)]="rangeSeparator" (documentationPropertyValueChange)="updateOptions()" > - Range separator + Separator between dates of the date range.

Default:  –  diff --git a/projects/demo/src/pages/kit/date-range/examples/4-range-separator/component.ts b/projects/demo/src/pages/kit/date-range/examples/4-range-separator/component.ts index 48ff5490b..2f2c85f84 100644 --- a/projects/demo/src/pages/kit/date-range/examples/4-range-separator/component.ts +++ b/projects/demo/src/pages/kit/date-range/examples/4-range-separator/component.ts @@ -7,7 +7,6 @@ import mask from './mask'; template: `