FirstDayOfWeek -> DayOfWeek (#33523)

Author: mpreyskurantov

apps/demos/Demos/Calendar/Overview/React/App.tsx

@@ -31,7 +31,7 @@ export default function App() {
   const [useCellTemplate, setUseCellTemplate] = useState<boolean | null>(null);
   const [disabled, setDisabled] = useState<boolean>(false);
   const [showWeekNumbers, setShowWeekNumbers] = useState<boolean>(false);
-  const [firstDay, setFirstDay] = useState<CalendarTypes.FirstDayOfWeek>(0);
+  const [firstDay, setFirstDay] = useState<CalendarTypes.DayOfWeek>(0);
   const [weekNumberRule, setWeekNumberRule] = useState<CalendarTypes.WeekNumberRule>('auto');
 
   const onCurrentValueChange = useCallback(

apps/demos/Demos/Calendar/Overview/Vue/App.vue

@@ -90,7 +90,7 @@ const currentValue = ref(new Date());
 const cellTemplate = ref('cell');
 const disabled = ref(false);
 const showWeekNumbers = ref(false);
-const firstDay = ref<DxCalendarTypes.FirstDayOfWeek>(0);
+const firstDay = ref<DxCalendarTypes.DayOfWeek>(0);
 const weekNumberRule = ref<DxCalendarTypes.WeekNumberRule>('auto');
 const weekDays = [
   { id: 0, text: 'Sunday' },

packages/devextreme-angular/src/common/index.ts

@@ -25,6 +25,7 @@ export type {
     DataStructure,
     DataType,
     DateLike,
+    DayOfWeek,
     DefaultOptionsRule,
     Direction,
     DisplayMode,

packages/devextreme-angular/src/index.ts

@@ -109,6 +109,7 @@ export namespace Common {
     export type DataStructure = import('devextreme/common').DataStructure;
     export type DataType = import('devextreme/common').DataType;
     export type DateLike = import('devextreme/common').DateLike;
+    export type DayOfWeek = import('devextreme/common').DayOfWeek;
     export type DefaultOptionsRule<T> = import('devextreme/common').DefaultOptionsRule<T>;
     export type Direction = import('devextreme/common').Direction;
     export type DisplayMode = import('devextreme/common').DisplayMode;

packages/devextreme-angular/src/ui/calendar/index.ts

@@ -23,7 +23,7 @@ import {
 
 
 import type { DisabledDate, CalendarZoomLevel, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, CalendarSelectionMode, WeekNumberRule } from 'devextreme/ui/calendar';
-import type { FirstDayOfWeek, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { DayOfWeek, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
 
 import DxCalendar from 'devextreme/ui/calendar';
 
@@ -168,10 +168,10 @@ export class DxCalendarComponent extends DxComponent implements OnDestroy, Contr
     
      */
     @Input()
-    get firstDayOfWeek(): FirstDayOfWeek | undefined {
+    get firstDayOfWeek(): DayOfWeek | undefined {
         return this._getOption('firstDayOfWeek');
     }
-    set firstDayOfWeek(value: FirstDayOfWeek | undefined) {
+    set firstDayOfWeek(value: DayOfWeek | undefined) {
         this._setOption('firstDayOfWeek', value);
     }
 
@@ -635,7 +635,7 @@ export class DxCalendarComponent extends DxComponent implements OnDestroy, Contr
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
     
      */
-    @Output() firstDayOfWeekChange: EventEmitter<FirstDayOfWeek | undefined>;
+    @Output() firstDayOfWeekChange: EventEmitter<DayOfWeek | undefined>;
 
     /**
     

packages/devextreme-angular/src/ui/date-box/nested/calendar-options.ts

@@ -17,7 +17,7 @@ import {
 
 
 import type { DisabledDate, CalendarZoomLevel, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, CalendarSelectionMode, WeekNumberRule } from 'devextreme/ui/calendar';
-import type { FirstDayOfWeek, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { DayOfWeek, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
@@ -91,10 +91,10 @@ export class DxoDateBoxCalendarOptionsComponent extends NestedOption implements
     }
 
     @Input()
-    get firstDayOfWeek(): FirstDayOfWeek | undefined {
+    get firstDayOfWeek(): DayOfWeek | undefined {
         return this._getOption('firstDayOfWeek');
     }
-    set firstDayOfWeek(value: FirstDayOfWeek | undefined) {
+    set firstDayOfWeek(value: DayOfWeek | undefined) {
         this._setOption('firstDayOfWeek', value);
     }
 

packages/devextreme-angular/src/ui/date-range-box/nested/calendar-options.ts

@@ -17,7 +17,7 @@ import {
 
 
 import type { DisabledDate, CalendarZoomLevel, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, CalendarSelectionMode, WeekNumberRule } from 'devextreme/ui/calendar';
-import type { FirstDayOfWeek, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { DayOfWeek, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
@@ -91,10 +91,10 @@ export class DxoDateRangeBoxCalendarOptionsComponent extends NestedOption implem
     }
 
     @Input()
-    get firstDayOfWeek(): FirstDayOfWeek | undefined {
+    get firstDayOfWeek(): DayOfWeek | undefined {
         return this._getOption('firstDayOfWeek');
     }
-    set firstDayOfWeek(value: FirstDayOfWeek | undefined) {
+    set firstDayOfWeek(value: DayOfWeek | undefined) {
         this._setOption('firstDayOfWeek', value);
     }
 

packages/devextreme-angular/src/ui/gantt/index.ts

@@ -25,7 +25,7 @@ import {
 import type { dxGanttColumn, dxGanttContextMenu, dxGanttFilterRow, dxGanttHeaderFilter, ContentReadyEvent, ContextMenuPreparingEvent, CustomCommandEvent, DependencyDeletedEvent, DependencyDeletingEvent, DependencyInsertedEvent, DependencyInsertingEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ResourceAssignedEvent, ResourceAssigningEvent, ResourceDeletedEvent, ResourceDeletingEvent, ResourceInsertedEvent, ResourceInsertingEvent, ResourceManagerDialogShowingEvent, ResourceUnassignedEvent, ResourceUnassigningEvent, ScaleCellPreparedEvent, SelectionChangedEvent, TaskClickEvent, TaskDblClickEvent, TaskDeletedEvent, TaskDeletingEvent, TaskEditDialogShowingEvent, TaskInsertedEvent, TaskInsertingEvent, TaskMovingEvent, TaskUpdatedEvent, TaskUpdatingEvent, GanttScaleType, dxGanttSorting, dxGanttStripLine, GanttTaskTitlePosition, dxGanttToolbar } from 'devextreme/ui/gantt';
 import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
 import type { Store } from 'devextreme/data/store';
-import type { FirstDayOfWeek } from 'devextreme/common';
+import type { DayOfWeek } from 'devextreme/common';
 
 import DxGantt from 'devextreme/ui/gantt';
 
@@ -277,10 +277,10 @@ export class DxGanttComponent extends DxComponent implements OnDestroy, OnChange
     
      */
     @Input()
-    get firstDayOfWeek(): FirstDayOfWeek | undefined {
+    get firstDayOfWeek(): DayOfWeek | undefined {
         return this._getOption('firstDayOfWeek');
     }
-    set firstDayOfWeek(value: FirstDayOfWeek | undefined) {
+    set firstDayOfWeek(value: DayOfWeek | undefined) {
         this._setOption('firstDayOfWeek', value);
     }
 
@@ -991,7 +991,7 @@ export class DxGanttComponent extends DxComponent implements OnDestroy, OnChange
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
     
      */
-    @Output() firstDayOfWeekChange: EventEmitter<FirstDayOfWeek | undefined>;
+    @Output() firstDayOfWeekChange: EventEmitter<DayOfWeek | undefined>;
 
     /**
     

packages/devextreme-angular/src/ui/nested/base/calendar-options.ts

@@ -5,7 +5,7 @@ import {
     Component,
 } from '@angular/core';
 
-import type { FirstDayOfWeek, Position, ValidationMessageMode, ValidationStatus } from 'devextreme/common';
+import type { DayOfWeek, Position, ValidationMessageMode, ValidationStatus } from 'devextreme/common';
 import type { CalendarSelectionMode, CalendarZoomLevel, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, WeekNumberRule } from 'devextreme/ui/calendar';
 
 @Component({
@@ -61,10 +61,10 @@ export abstract class DxoCalendarOptions extends NestedOption {
         this._setOption('elementAttr', value);
     }
 
-    get firstDayOfWeek(): FirstDayOfWeek | undefined {
+    get firstDayOfWeek(): DayOfWeek | undefined {
         return this._getOption('firstDayOfWeek');
     }
-    set firstDayOfWeek(value: FirstDayOfWeek | undefined) {
+    set firstDayOfWeek(value: DayOfWeek | undefined) {
         this._setOption('firstDayOfWeek', value);
     }
 

packages/devextreme-angular/src/ui/nested/view-dxi.ts

@@ -12,7 +12,7 @@ import {
 
 
 
-import type { FirstDayOfWeek, Orientation } from 'devextreme/common';
+import type { DayOfWeek, Orientation } from 'devextreme/common';
 import type { AllDayPanelMode, CellAppointmentsLimit, dxSchedulerScrolling, ViewType } from 'devextreme/ui/scheduler';
 
 import {
@@ -110,10 +110,10 @@ export class DxiViewComponent extends CollectionNestedOption {
     }
 
     @Input()
-    get firstDayOfWeek(): FirstDayOfWeek | undefined {
+    get firstDayOfWeek(): DayOfWeek | undefined {
         return this._getOption('firstDayOfWeek');
     }
-    set firstDayOfWeek(value: FirstDayOfWeek | undefined) {
+    set firstDayOfWeek(value: DayOfWeek | undefined) {
         this._setOption('firstDayOfWeek', value);
     }