@fundamental-ngx/platform 0.46.0-rc.0 → 0.46.0-rc.2

package/form/date-picker/date-picker.component.d.ts

@@ -7,6 +7,7 @@ import { DatePickerComponent as FdDatePickerComponent } from '@fundamental-ngx/c
 import { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
 import { PlatformFormFieldControl, BaseInput, PlatformFormField } from '@fundamental-ngx/platform/shared';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
 import * as i0 from "@angular/core";
 /**
  * The Platform date picker component is a wrapper around fd-date-picker using platform form.
@@ -76,7 +77,7 @@ export declare class PlatformDatePickerComponent<D> extends BaseInput {
     buttonFocusable: boolean;
     /**
      * Special days mark, it can be used by passing array of object with
-     * Special day number, list 1-20 [class:`fd-calendar__special-day--{{number}}`] is available there:
+     * Special day number, list 1-20 [class:`fd-calendar__item--legend-{{number}}`] is available there:
      * https://sap.github.io/fundamental-styles/components/calendar.html calendar special days section
      * Rule accepts method with FdDate object as a parameter. ex:
      * `rule: (fdDate: FdDate) => fdDate.getDay() === 1`, which will mark all sundays as special day.
@@ -114,6 +115,14 @@ export declare class PlatformDatePickerComponent<D> extends BaseInput {
      * Whether to prevent page scrolling when focusing date picker input field after calendar has been closed.
      */
     preventScrollOnFocus: boolean;
+    /** Whether date picker should rendered in mobile mode. */
+    mobile: boolean;
+    /** Mobile mode configuration. */
+    mobileConfig: MobileModeConfig;
+    /** Whether calendar is used inside mobile in landscape mode, it also adds close button on right side */
+    mobileLandscape: boolean;
+    /** Whether calendar is used inside mobile in portrait mode */
+    mobilePortrait: boolean;
     /** Event emitted when the state of the isOpen property changes. */
     readonly isOpenChange: EventEmitter<boolean>;
     /** Fired when a new date is selected. */
@@ -160,7 +169,7 @@ export declare class PlatformDatePickerComponent<D> extends BaseInput {
     /** @hidden */
     handleActiveViewChange: (fdCalendarView: FdCalendarView) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformDatePickerComponent<any>, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; self: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformDatePickerComponent<any>, "fdp-date-picker", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "todayButtonLabel": { "alias": "todayButtonLabel"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "closeOnDateChoose": { "alias": "closeOnDateChoose"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "selectedDateChange": "selectedDateChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "activeViewChange": "activeViewChange"; }, never, ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformDatePickerComponent<any>, "fdp-date-picker", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "todayButtonLabel": { "alias": "todayButtonLabel"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "closeOnDateChoose": { "alias": "closeOnDateChoose"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "selectedDateChange": "selectedDateChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "activeViewChange": "activeViewChange"; }, never, ["*"], true, never, false>;
 }
 /** @hidden */
 export declare function createMissingDateImplementationError(provider: string): Error;

package/form/date-picker/date-picker.module.d.ts

@@ -1,12 +1,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./date-picker.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@fundamental-ngx/core/date-picker";
-import * as i4 from "@angular/forms";
-import * as i5 from "@fundamental-ngx/cdk/utils";
-import * as i6 from "@fundamental-ngx/core/content-density";
 export declare class PlatformDatePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformDatePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformDatePickerModule, [typeof i1.PlatformDatePickerComponent], [typeof i2.CommonModule, typeof i3.DatePickerModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.PipeModule, typeof i6.ContentDensityModule], [typeof i1.PlatformDatePickerComponent, typeof i6.ContentDensityModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformDatePickerModule, never, [typeof i1.PlatformDatePickerComponent], [typeof i1.PlatformDatePickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PlatformDatePickerModule>;
 }

package/form/datetime-picker/datetime-picker.component.d.ts

@@ -6,6 +6,7 @@ import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime
 import { DatetimePickerComponent } from '@fundamental-ngx/core/datetime-picker';
 import { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
 import { BaseInput, PlatformFormFieldControl, PlatformFormField } from '@fundamental-ngx/platform/shared';
+import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
 import * as i0 from "@angular/core";
 export declare class PlatformDatetimePickerComponent<D> extends BaseInput implements AfterViewInit {
     protected _cd: ChangeDetectorRef;
@@ -75,7 +76,7 @@ export declare class PlatformDatetimePickerComponent<D> extends BaseInput implem
     buttonFocusable: boolean;
     /**
      * Special days mark, it can be used by passing array of object with
-     * Special day number, list 1-20 [class:`fd-calendar__special-day--{{number}}`] is available there:
+     * Special day number, list 1-20 [class:`fd-calendar__item--legend-{{number}}`] is available there:
      * https://sap.github.io/fundamental-styles/components/calendar.html calendar special days section
      * Rule accepts method with FdDate object as a parameter. ex:
      * `rule: (fdDate: FdDate) => fdDate.getDay() === 1`, which will mark all sundays as special day.
@@ -113,6 +114,14 @@ export declare class PlatformDatetimePickerComponent<D> extends BaseInput implem
      * Whether to prevent page scrolling when focusing date picker input field after calendar has been closed.
      */
     preventScrollOnFocus: boolean;
+    /** Whether date picker should rendered in mobile mode. */
+    mobile: boolean;
+    /** Mobile mode configuration. */
+    mobileConfig: MobileModeConfig;
+    /** Whether calendar is used inside mobile in landscape mode, it also adds close button on right side */
+    mobileLandscape: boolean;
+    /** Whether calendar is used inside mobile in portrait mode */
+    mobilePortrait: boolean;
     /** Event emitted when the state of the isOpen property changes. */
     readonly isOpenChange: EventEmitter<boolean>;
     /** Event thrown every time calendar active view is changed */
@@ -167,5 +176,5 @@ export declare class PlatformDatetimePickerComponent<D> extends BaseInput implem
      */
     private _adjustPickerWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformDatetimePickerComponent<any>, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; self: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformDatetimePickerComponent<any>, "fdp-datetime-picker", never, { "value": { "alias": "value"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "activeViewChange": "activeViewChange"; "datetimeChange": "datetimeChange"; "onClose": "onClose"; }, never, ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformDatetimePickerComponent<any>, "fdp-datetime-picker", never, { "value": { "alias": "value"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "activeViewChange": "activeViewChange"; "datetimeChange": "datetimeChange"; "onClose": "onClose"; }, never, ["*"], true, never, false>;
 }

package/form/datetime-picker/datetime-picker.module.d.ts

@@ -1,12 +1,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./datetime-picker.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@fundamental-ngx/core/datetime-picker";
-import * as i5 from "@fundamental-ngx/cdk/utils";
-import * as i6 from "@fundamental-ngx/core/content-density";
 export declare class PlatformDatetimePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformDatetimePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformDatetimePickerModule, [typeof i1.PlatformDatetimePickerComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.DatetimePickerModule, typeof i5.PipeModule, typeof i6.ContentDensityModule], [typeof i1.PlatformDatetimePickerComponent, typeof i6.ContentDensityModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformDatetimePickerModule, never, [typeof i1.PlatformDatetimePickerComponent], [typeof i1.PlatformDatetimePickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PlatformDatetimePickerModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/platform",
-  "version": "0.46.0-rc.0",
+  "version": "0.46.0-rc.2",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - platform",
   "license": "Apache-2.0",
@@ -13,11 +13,11 @@
     "node": ">= 10"
   },
   "peerDependencies": {
-    "@fundamental-ngx/core": "0.46.0-rc.0"
+    "@fundamental-ngx/core": "0.46.0-rc.2"
   },
   "dependencies": {
-    "@fundamental-ngx/cdk": "0.46.0-rc.0",
-    "@fundamental-ngx/i18n": "0.46.0-rc.0",
+    "@fundamental-ngx/cdk": "0.46.0-rc.2",
+    "@fundamental-ngx/i18n": "0.46.0-rc.2",
     "fast-deep-equal": "3.1.3",
     "focus-trap": "^7.1.0",
     "lodash-es": "^4.17.0",

package/schematics/ng-add/index.js

@@ -32,7 +32,7 @@ function callCoreSchematic(options) {
         (0, dependencies_1.addPackageJsonDependency)(tree, {
             type: dependencies_1.NodeDependencyType.Default,
             // Will be replaced with the real version during sync-version script run
-            version: `0.46.0-rc.0`,
+            version: `0.46.0-rc.2`,
             name: '@fundamental-ngx/core'
         });
         const installTaskId = context.addTask(new tasks_1.NodePackageInstallTask({