diff --git a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.component.ts b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.component.ts index ab42884763b3..ca8f23e3fbd2 100644 --- a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.component.ts +++ b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.component.ts @@ -71,7 +71,7 @@ import { styleUrls: ['./mobile-calendar.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, providers: TUI_MOBILE_CALENDAR_PROVIDERS, - host: {'[class._ios]': 'isIOS'}, + host: {'[class._ios]': 'isIOS', '[class._initialized]': 'initialized'}, }) export class TuiMobileCalendarComponent implements AfterViewInit { @ViewChild('yearsScrollRef') @@ -118,6 +118,8 @@ export class TuiMobileCalendarComponent implements AfterViewInit { ), ); + initialized = false; + constructor( @Inject(TUI_IS_IOS) readonly isIOS: boolean, @Inject(TUI_IS_E2E) readonly isE2E: boolean, @@ -304,6 +306,7 @@ export class TuiMobileCalendarComponent implements AfterViewInit { takeUntil(this.destroy$), ) .subscribe(() => { + this.initialized = true; this.updateViewportDimension(); this.initYearScroll(); this.initMonthScroll(); diff --git a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.style.less b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.style.less index 5e3d78f88777..7565b4a51dd5 100644 --- a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.style.less +++ b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.style.less @@ -212,3 +212,14 @@ font-size: 1.0625rem; } } + +.t-week, +.t-years, +.t-months { + .transition(opacity); + opacity: 0; + + :host(._initialized) & { + opacity: 1; + } +} diff --git a/projects/cdk/constants/version.ts b/projects/cdk/constants/version.ts index 42f1283c95aa..87f03b9c9f41 100644 --- a/projects/cdk/constants/version.ts +++ b/projects/cdk/constants/version.ts @@ -1 +1 @@ -export const TUI_VERSION = `3.62.0`; +export const TUI_VERSION = '3.62.0';