@progress/kendo-react-dateinputs 9.2.0 → 9.3.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/datepicker/DatePicker.js +1 -1
- package/datepicker/DatePicker.mjs +338 -457
- package/dist/cdn/js/kendo-react-dateinputs.js +1 -1
- package/index.d.mts +46 -216
- package/index.d.ts +46 -216
- package/index.js +1 -1
- package/index.mjs +19 -19
- package/package-metadata.mjs +1 -1
- package/package.json +7 -7
package/index.d.mts
CHANGED
|
@@ -1212,16 +1212,13 @@ export declare class DateInputWithoutContext extends React_2.Component<DateInput
|
|
|
1212
1212
|
private initKendoDate;
|
|
1213
1213
|
}
|
|
1214
1214
|
|
|
1215
|
-
/** @hidden */
|
|
1216
|
-
export declare type DatePicker = DatePickerHandle;
|
|
1217
|
-
|
|
1218
1215
|
/**
|
|
1219
1216
|
* Represents the KendoReact DatePicker Component.
|
|
1220
1217
|
*
|
|
1221
1218
|
* Accepts properties of type [DatePickerProps]({% slug api_dateinputs_datepickerprops %}).
|
|
1222
1219
|
* Obtaining the `ref` returns an object of type [DatePickerHandle]({% slug api_dateinputs_datepickerhandle %}).
|
|
1223
1220
|
*/
|
|
1224
|
-
export declare const DatePicker: React_2.ForwardRefExoticComponent<DatePickerProps & React_2.RefAttributes<
|
|
1221
|
+
export declare const DatePicker: React_2.ForwardRefExoticComponent<DatePickerProps & React_2.RefAttributes<DatePickerHandle>>;
|
|
1225
1222
|
|
|
1226
1223
|
/**
|
|
1227
1224
|
* The arguments for the `onChange` event of the DatePicker.
|
|
@@ -1231,20 +1228,61 @@ export declare interface DatePickerChangeEvent {
|
|
|
1231
1228
|
syntheticEvent: React_2.SyntheticEvent<any>;
|
|
1232
1229
|
value: Date | null;
|
|
1233
1230
|
show: boolean;
|
|
1234
|
-
target:
|
|
1231
|
+
target: DatePickerHandle;
|
|
1235
1232
|
}
|
|
1236
1233
|
|
|
1237
1234
|
/**
|
|
1238
1235
|
* The arguments for the `onClose` event of the DatePicker.
|
|
1239
1236
|
*/
|
|
1240
1237
|
export declare interface DatePickerCloseEvent {
|
|
1241
|
-
target:
|
|
1238
|
+
target: DatePickerHandle;
|
|
1242
1239
|
}
|
|
1243
1240
|
|
|
1241
|
+
/**
|
|
1242
|
+
* @hidden
|
|
1243
|
+
*/
|
|
1244
|
+
export declare const datePickerDefaultProps: {
|
|
1245
|
+
defaultShow: boolean;
|
|
1246
|
+
defaultValue: null;
|
|
1247
|
+
dateInput: React_2.ComponentType<DateInputProps<any>>;
|
|
1248
|
+
calendar: React_2.ComponentType<CalendarProps<any>>;
|
|
1249
|
+
toggleButton: React_2.ComponentType<ToggleButtonProps>;
|
|
1250
|
+
popup: React_2.ComponentType<PopupProps>;
|
|
1251
|
+
pickerWrap: React_2.ComponentType<PickerWrapProps>;
|
|
1252
|
+
disabled: boolean;
|
|
1253
|
+
format: string;
|
|
1254
|
+
max: Date;
|
|
1255
|
+
min: Date;
|
|
1256
|
+
popupSettings: any;
|
|
1257
|
+
tabIndex: number;
|
|
1258
|
+
weekNumber: boolean;
|
|
1259
|
+
validityStyles: boolean;
|
|
1260
|
+
size: "small" | "large" | "medium" | null | undefined;
|
|
1261
|
+
rounded: "small" | "large" | "medium" | "full" | null | undefined;
|
|
1262
|
+
fillMode: "flat" | "solid" | "outline" | null | undefined;
|
|
1263
|
+
autoFocus: boolean;
|
|
1264
|
+
};
|
|
1265
|
+
|
|
1244
1266
|
/**
|
|
1245
1267
|
* Represent the `ref` of the DatePicker component.
|
|
1246
1268
|
*/
|
|
1247
|
-
export declare interface DatePickerHandle
|
|
1269
|
+
export declare interface DatePickerHandle {
|
|
1270
|
+
/**
|
|
1271
|
+
* @hidden
|
|
1272
|
+
*/
|
|
1273
|
+
focus: () => void;
|
|
1274
|
+
/**
|
|
1275
|
+
* Toggles the popup of the DatePicker.
|
|
1276
|
+
*/
|
|
1277
|
+
togglePopup: () => void;
|
|
1278
|
+
/**
|
|
1279
|
+
* Returns the props of the DatePicker component.
|
|
1280
|
+
*/
|
|
1281
|
+
props: DatePickerProps;
|
|
1282
|
+
/**
|
|
1283
|
+
* Returns a boolean value indicating whether the DatePicker is in mobile mode.
|
|
1284
|
+
*/
|
|
1285
|
+
mobileMode: boolean;
|
|
1248
1286
|
/**
|
|
1249
1287
|
* Returns the HTML element of the DatePicker component.
|
|
1250
1288
|
*/
|
|
@@ -1279,7 +1317,7 @@ export declare interface DatePickerHandle extends Pick<DatePickerWithoutContext,
|
|
|
1279
1317
|
* The arguments for the `onOpen` event of the DatePicker.
|
|
1280
1318
|
*/
|
|
1281
1319
|
export declare interface DatePickerOpenEvent {
|
|
1282
|
-
target:
|
|
1320
|
+
target: DatePickerHandle;
|
|
1283
1321
|
}
|
|
1284
1322
|
|
|
1285
1323
|
/**
|
|
@@ -1538,214 +1576,6 @@ export declare interface DatePickerSettings {
|
|
|
1538
1576
|
placeholder?: string | null;
|
|
1539
1577
|
}
|
|
1540
1578
|
|
|
1541
|
-
/**
|
|
1542
|
-
* @hidden
|
|
1543
|
-
*/
|
|
1544
|
-
declare interface DatePickerState {
|
|
1545
|
-
value: Date | null;
|
|
1546
|
-
show: boolean;
|
|
1547
|
-
focused: boolean;
|
|
1548
|
-
windowWidth?: number;
|
|
1549
|
-
}
|
|
1550
|
-
|
|
1551
|
-
/** @hidden */
|
|
1552
|
-
export declare class DatePickerWithoutContext extends React_2.Component<DatePickerProps, DatePickerState> implements FormComponent {
|
|
1553
|
-
/**
|
|
1554
|
-
* @hidden
|
|
1555
|
-
*/
|
|
1556
|
-
static displayName: string;
|
|
1557
|
-
/**
|
|
1558
|
-
* @hidden
|
|
1559
|
-
*/
|
|
1560
|
-
static propTypes: {
|
|
1561
|
-
className: default_2.Requireable<string>;
|
|
1562
|
-
defaultShow: default_2.Requireable<boolean>;
|
|
1563
|
-
defaultValue: default_2.Requireable<Date>;
|
|
1564
|
-
disabled: default_2.Requireable<boolean>;
|
|
1565
|
-
focusedDate: default_2.Requireable<Date>;
|
|
1566
|
-
format: default_2.Requireable<NonNullable<string | default_2.InferProps<{
|
|
1567
|
-
skeleton: default_2.Requireable<string>;
|
|
1568
|
-
pattern: default_2.Requireable<string>;
|
|
1569
|
-
date: default_2.Requireable<string>;
|
|
1570
|
-
time: default_2.Requireable<string>;
|
|
1571
|
-
datetime: default_2.Requireable<string>;
|
|
1572
|
-
era: default_2.Requireable<string>;
|
|
1573
|
-
year: default_2.Requireable<string>;
|
|
1574
|
-
month: default_2.Requireable<string>;
|
|
1575
|
-
day: default_2.Requireable<string>;
|
|
1576
|
-
weekday: default_2.Requireable<string>;
|
|
1577
|
-
hour: default_2.Requireable<string>;
|
|
1578
|
-
hour12: default_2.Requireable<boolean>;
|
|
1579
|
-
minute: default_2.Requireable<string>;
|
|
1580
|
-
second: default_2.Requireable<string>;
|
|
1581
|
-
timeZoneName: default_2.Requireable<string>;
|
|
1582
|
-
}> | null | undefined>>;
|
|
1583
|
-
formatPlaceholder: default_2.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | default_2.InferProps<{
|
|
1584
|
-
year: default_2.Requireable<string>;
|
|
1585
|
-
month: default_2.Requireable<string>;
|
|
1586
|
-
day: default_2.Requireable<string>;
|
|
1587
|
-
hour: default_2.Requireable<string>;
|
|
1588
|
-
minute: default_2.Requireable<string>;
|
|
1589
|
-
second: default_2.Requireable<string>;
|
|
1590
|
-
}> | null | undefined>>;
|
|
1591
|
-
id: default_2.Requireable<string>;
|
|
1592
|
-
ariaLabelledBy: default_2.Requireable<string>;
|
|
1593
|
-
ariaDescribedBy: default_2.Requireable<string>;
|
|
1594
|
-
ariaLabel: default_2.Requireable<string>;
|
|
1595
|
-
min: default_2.Requireable<Date>;
|
|
1596
|
-
max: default_2.Requireable<Date>;
|
|
1597
|
-
name: default_2.Requireable<string>;
|
|
1598
|
-
popupSettings: default_2.Requireable<default_2.InferProps<{
|
|
1599
|
-
animate: default_2.Requireable<boolean>;
|
|
1600
|
-
appendTo: default_2.Requireable<any>;
|
|
1601
|
-
popupClass: default_2.Requireable<string>;
|
|
1602
|
-
}>>;
|
|
1603
|
-
show: default_2.Requireable<boolean>;
|
|
1604
|
-
tabIndex: default_2.Requireable<number>;
|
|
1605
|
-
title: default_2.Requireable<string>;
|
|
1606
|
-
value: default_2.Requireable<Date>;
|
|
1607
|
-
weekNumber: default_2.Requireable<boolean>;
|
|
1608
|
-
width: default_2.Requireable<NonNullable<string | number | null | undefined>>;
|
|
1609
|
-
validationMessage: default_2.Requireable<string>;
|
|
1610
|
-
required: default_2.Requireable<boolean>;
|
|
1611
|
-
validate: default_2.Requireable<boolean>;
|
|
1612
|
-
valid: default_2.Requireable<boolean>;
|
|
1613
|
-
size: default_2.Requireable<"small" | "large" | "medium" | null | undefined>;
|
|
1614
|
-
rounded: default_2.Requireable<"small" | "large" | "medium" | "full" | null | undefined>;
|
|
1615
|
-
fillMode: default_2.Requireable<"flat" | "solid" | "outline" | null | undefined>;
|
|
1616
|
-
adaptive: default_2.Requireable<boolean>;
|
|
1617
|
-
adaptiveTitle: default_2.Requireable<string>;
|
|
1618
|
-
autoFocus: default_2.Requireable<boolean>;
|
|
1619
|
-
inputAttributes: default_2.Requireable<object>;
|
|
1620
|
-
};
|
|
1621
|
-
/**
|
|
1622
|
-
* @hidden
|
|
1623
|
-
*/
|
|
1624
|
-
static defaultProps: {
|
|
1625
|
-
defaultShow: boolean;
|
|
1626
|
-
defaultValue: null;
|
|
1627
|
-
dateInput: React_2.ComponentType<DateInputProps<any>>;
|
|
1628
|
-
calendar: React_2.ComponentType<CalendarProps<any>>;
|
|
1629
|
-
toggleButton: React_2.ComponentType<ToggleButtonProps>;
|
|
1630
|
-
popup: React_2.ComponentType<PopupProps>;
|
|
1631
|
-
pickerWrap: React_2.ComponentType<PickerWrapProps>;
|
|
1632
|
-
disabled: boolean;
|
|
1633
|
-
format: string;
|
|
1634
|
-
max: Date;
|
|
1635
|
-
min: Date;
|
|
1636
|
-
popupSettings: {};
|
|
1637
|
-
tabIndex: number;
|
|
1638
|
-
weekNumber: boolean;
|
|
1639
|
-
validityStyles: boolean;
|
|
1640
|
-
size: "small" | "large" | "medium" | null | undefined;
|
|
1641
|
-
rounded: "small" | "large" | "medium" | "full" | null | undefined;
|
|
1642
|
-
fillMode: "flat" | "solid" | "outline" | null | undefined;
|
|
1643
|
-
autoFocus: boolean;
|
|
1644
|
-
};
|
|
1645
|
-
/**
|
|
1646
|
-
* @hidden
|
|
1647
|
-
*/
|
|
1648
|
-
readonly state: DatePickerState;
|
|
1649
|
-
private get _popupId();
|
|
1650
|
-
private _element;
|
|
1651
|
-
private _dateInput;
|
|
1652
|
-
private _calendar;
|
|
1653
|
-
private valueDuringOnChange?;
|
|
1654
|
-
private showDuringOnChange?;
|
|
1655
|
-
private nextTickId;
|
|
1656
|
-
private shouldFocusDateInput;
|
|
1657
|
-
private prevShow;
|
|
1658
|
-
private observerResize?;
|
|
1659
|
-
private get document();
|
|
1660
|
-
constructor(props: DatePickerProps);
|
|
1661
|
-
/**
|
|
1662
|
-
* Gets the wrapping element of the DatePickerWithoutContext.
|
|
1663
|
-
*/
|
|
1664
|
-
get element(): HTMLSpanElement | null;
|
|
1665
|
-
/**
|
|
1666
|
-
* The mobile mode of the DatePicker.
|
|
1667
|
-
*/
|
|
1668
|
-
get mobileMode(): boolean;
|
|
1669
|
-
/**
|
|
1670
|
-
* Gets the DateInput component inside the DatePicker component.
|
|
1671
|
-
*/
|
|
1672
|
-
get dateInput(): DateInput | null;
|
|
1673
|
-
/**
|
|
1674
|
-
* Gets the Calendar component inside the DatePicker component.
|
|
1675
|
-
*/
|
|
1676
|
-
get calendar(): Calendar | null;
|
|
1677
|
-
/**
|
|
1678
|
-
* Gets the value of the DatePickerWithoutContext.
|
|
1679
|
-
*/
|
|
1680
|
-
get value(): Date | null;
|
|
1681
|
-
/**
|
|
1682
|
-
* Gets the popup state of the DatePickerWithoutContext.
|
|
1683
|
-
*/
|
|
1684
|
-
get show(): boolean;
|
|
1685
|
-
/**
|
|
1686
|
-
* Gets the `name` property of the DatePickerWithoutContext.
|
|
1687
|
-
*/
|
|
1688
|
-
get name(): string | undefined;
|
|
1689
|
-
protected get min(): Date;
|
|
1690
|
-
protected get max(): Date;
|
|
1691
|
-
protected get dateInputComp(): React_2.ComponentType<DateInputProps<any>>;
|
|
1692
|
-
protected get toggleButtonComp(): React_2.ComponentType<ToggleButtonProps>;
|
|
1693
|
-
protected get calendarComp(): React_2.ComponentType<CalendarProps<any>>;
|
|
1694
|
-
protected get popupComp(): React_2.ComponentType<PopupProps>;
|
|
1695
|
-
protected get pickerWrapComp(): React_2.ComponentType<PickerWrapProps>;
|
|
1696
|
-
/**
|
|
1697
|
-
* Represents the validity state into which the DatePicker is set.
|
|
1698
|
-
*/
|
|
1699
|
-
get validity(): FormComponentValidity;
|
|
1700
|
-
/**
|
|
1701
|
-
* @hidden
|
|
1702
|
-
*/
|
|
1703
|
-
protected get validityStyles(): boolean;
|
|
1704
|
-
/**
|
|
1705
|
-
* @hidden
|
|
1706
|
-
*/
|
|
1707
|
-
protected get required(): boolean;
|
|
1708
|
-
/**
|
|
1709
|
-
* @hidden
|
|
1710
|
-
*/
|
|
1711
|
-
componentDidMount(): void;
|
|
1712
|
-
/**
|
|
1713
|
-
* @hidden
|
|
1714
|
-
*/
|
|
1715
|
-
componentDidUpdate(): void;
|
|
1716
|
-
/**
|
|
1717
|
-
* @hidden
|
|
1718
|
-
*/
|
|
1719
|
-
componentWillUnmount(): void;
|
|
1720
|
-
/**
|
|
1721
|
-
* @hidden
|
|
1722
|
-
*/
|
|
1723
|
-
focus: () => void;
|
|
1724
|
-
/**
|
|
1725
|
-
* @hidden
|
|
1726
|
-
*/
|
|
1727
|
-
render(): JSX_2.Element;
|
|
1728
|
-
protected setCalendarRef: (calendar: any) => void;
|
|
1729
|
-
protected nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => Date | null;
|
|
1730
|
-
protected nextShow: (nextProps: DatePickerProps, nextState: DatePickerState) => boolean;
|
|
1731
|
-
protected setShow(show: boolean): void;
|
|
1732
|
-
protected mergeTime(value: Date | null): Date | null;
|
|
1733
|
-
protected nextTick(f: () => any): void;
|
|
1734
|
-
private renderPopup;
|
|
1735
|
-
private renderAdaptivePopup;
|
|
1736
|
-
private handleInputValueChange;
|
|
1737
|
-
private handleCalendarValueChange;
|
|
1738
|
-
private handleValueChange;
|
|
1739
|
-
private handleFocus;
|
|
1740
|
-
private handleBlur;
|
|
1741
|
-
togglePopup: () => void;
|
|
1742
|
-
private handleMouseDownOutside;
|
|
1743
|
-
private handleIconClick;
|
|
1744
|
-
private handleIconMouseDown;
|
|
1745
|
-
private handleKeyDown;
|
|
1746
|
-
private calculateMedia;
|
|
1747
|
-
}
|
|
1748
|
-
|
|
1749
1579
|
/** @hidden */
|
|
1750
1580
|
export declare type DateRangePicker = DateRangePickerHandle;
|
|
1751
1581
|
|
package/index.d.ts
CHANGED
|
@@ -1212,16 +1212,13 @@ export declare class DateInputWithoutContext extends React_2.Component<DateInput
|
|
|
1212
1212
|
private initKendoDate;
|
|
1213
1213
|
}
|
|
1214
1214
|
|
|
1215
|
-
/** @hidden */
|
|
1216
|
-
export declare type DatePicker = DatePickerHandle;
|
|
1217
|
-
|
|
1218
1215
|
/**
|
|
1219
1216
|
* Represents the KendoReact DatePicker Component.
|
|
1220
1217
|
*
|
|
1221
1218
|
* Accepts properties of type [DatePickerProps]({% slug api_dateinputs_datepickerprops %}).
|
|
1222
1219
|
* Obtaining the `ref` returns an object of type [DatePickerHandle]({% slug api_dateinputs_datepickerhandle %}).
|
|
1223
1220
|
*/
|
|
1224
|
-
export declare const DatePicker: React_2.ForwardRefExoticComponent<DatePickerProps & React_2.RefAttributes<
|
|
1221
|
+
export declare const DatePicker: React_2.ForwardRefExoticComponent<DatePickerProps & React_2.RefAttributes<DatePickerHandle>>;
|
|
1225
1222
|
|
|
1226
1223
|
/**
|
|
1227
1224
|
* The arguments for the `onChange` event of the DatePicker.
|
|
@@ -1231,20 +1228,61 @@ export declare interface DatePickerChangeEvent {
|
|
|
1231
1228
|
syntheticEvent: React_2.SyntheticEvent<any>;
|
|
1232
1229
|
value: Date | null;
|
|
1233
1230
|
show: boolean;
|
|
1234
|
-
target:
|
|
1231
|
+
target: DatePickerHandle;
|
|
1235
1232
|
}
|
|
1236
1233
|
|
|
1237
1234
|
/**
|
|
1238
1235
|
* The arguments for the `onClose` event of the DatePicker.
|
|
1239
1236
|
*/
|
|
1240
1237
|
export declare interface DatePickerCloseEvent {
|
|
1241
|
-
target:
|
|
1238
|
+
target: DatePickerHandle;
|
|
1242
1239
|
}
|
|
1243
1240
|
|
|
1241
|
+
/**
|
|
1242
|
+
* @hidden
|
|
1243
|
+
*/
|
|
1244
|
+
export declare const datePickerDefaultProps: {
|
|
1245
|
+
defaultShow: boolean;
|
|
1246
|
+
defaultValue: null;
|
|
1247
|
+
dateInput: React_2.ComponentType<DateInputProps<any>>;
|
|
1248
|
+
calendar: React_2.ComponentType<CalendarProps<any>>;
|
|
1249
|
+
toggleButton: React_2.ComponentType<ToggleButtonProps>;
|
|
1250
|
+
popup: React_2.ComponentType<PopupProps>;
|
|
1251
|
+
pickerWrap: React_2.ComponentType<PickerWrapProps>;
|
|
1252
|
+
disabled: boolean;
|
|
1253
|
+
format: string;
|
|
1254
|
+
max: Date;
|
|
1255
|
+
min: Date;
|
|
1256
|
+
popupSettings: any;
|
|
1257
|
+
tabIndex: number;
|
|
1258
|
+
weekNumber: boolean;
|
|
1259
|
+
validityStyles: boolean;
|
|
1260
|
+
size: "small" | "large" | "medium" | null | undefined;
|
|
1261
|
+
rounded: "small" | "large" | "medium" | "full" | null | undefined;
|
|
1262
|
+
fillMode: "flat" | "solid" | "outline" | null | undefined;
|
|
1263
|
+
autoFocus: boolean;
|
|
1264
|
+
};
|
|
1265
|
+
|
|
1244
1266
|
/**
|
|
1245
1267
|
* Represent the `ref` of the DatePicker component.
|
|
1246
1268
|
*/
|
|
1247
|
-
export declare interface DatePickerHandle
|
|
1269
|
+
export declare interface DatePickerHandle {
|
|
1270
|
+
/**
|
|
1271
|
+
* @hidden
|
|
1272
|
+
*/
|
|
1273
|
+
focus: () => void;
|
|
1274
|
+
/**
|
|
1275
|
+
* Toggles the popup of the DatePicker.
|
|
1276
|
+
*/
|
|
1277
|
+
togglePopup: () => void;
|
|
1278
|
+
/**
|
|
1279
|
+
* Returns the props of the DatePicker component.
|
|
1280
|
+
*/
|
|
1281
|
+
props: DatePickerProps;
|
|
1282
|
+
/**
|
|
1283
|
+
* Returns a boolean value indicating whether the DatePicker is in mobile mode.
|
|
1284
|
+
*/
|
|
1285
|
+
mobileMode: boolean;
|
|
1248
1286
|
/**
|
|
1249
1287
|
* Returns the HTML element of the DatePicker component.
|
|
1250
1288
|
*/
|
|
@@ -1279,7 +1317,7 @@ export declare interface DatePickerHandle extends Pick<DatePickerWithoutContext,
|
|
|
1279
1317
|
* The arguments for the `onOpen` event of the DatePicker.
|
|
1280
1318
|
*/
|
|
1281
1319
|
export declare interface DatePickerOpenEvent {
|
|
1282
|
-
target:
|
|
1320
|
+
target: DatePickerHandle;
|
|
1283
1321
|
}
|
|
1284
1322
|
|
|
1285
1323
|
/**
|
|
@@ -1538,214 +1576,6 @@ export declare interface DatePickerSettings {
|
|
|
1538
1576
|
placeholder?: string | null;
|
|
1539
1577
|
}
|
|
1540
1578
|
|
|
1541
|
-
/**
|
|
1542
|
-
* @hidden
|
|
1543
|
-
*/
|
|
1544
|
-
declare interface DatePickerState {
|
|
1545
|
-
value: Date | null;
|
|
1546
|
-
show: boolean;
|
|
1547
|
-
focused: boolean;
|
|
1548
|
-
windowWidth?: number;
|
|
1549
|
-
}
|
|
1550
|
-
|
|
1551
|
-
/** @hidden */
|
|
1552
|
-
export declare class DatePickerWithoutContext extends React_2.Component<DatePickerProps, DatePickerState> implements FormComponent {
|
|
1553
|
-
/**
|
|
1554
|
-
* @hidden
|
|
1555
|
-
*/
|
|
1556
|
-
static displayName: string;
|
|
1557
|
-
/**
|
|
1558
|
-
* @hidden
|
|
1559
|
-
*/
|
|
1560
|
-
static propTypes: {
|
|
1561
|
-
className: default_2.Requireable<string>;
|
|
1562
|
-
defaultShow: default_2.Requireable<boolean>;
|
|
1563
|
-
defaultValue: default_2.Requireable<Date>;
|
|
1564
|
-
disabled: default_2.Requireable<boolean>;
|
|
1565
|
-
focusedDate: default_2.Requireable<Date>;
|
|
1566
|
-
format: default_2.Requireable<NonNullable<string | default_2.InferProps<{
|
|
1567
|
-
skeleton: default_2.Requireable<string>;
|
|
1568
|
-
pattern: default_2.Requireable<string>;
|
|
1569
|
-
date: default_2.Requireable<string>;
|
|
1570
|
-
time: default_2.Requireable<string>;
|
|
1571
|
-
datetime: default_2.Requireable<string>;
|
|
1572
|
-
era: default_2.Requireable<string>;
|
|
1573
|
-
year: default_2.Requireable<string>;
|
|
1574
|
-
month: default_2.Requireable<string>;
|
|
1575
|
-
day: default_2.Requireable<string>;
|
|
1576
|
-
weekday: default_2.Requireable<string>;
|
|
1577
|
-
hour: default_2.Requireable<string>;
|
|
1578
|
-
hour12: default_2.Requireable<boolean>;
|
|
1579
|
-
minute: default_2.Requireable<string>;
|
|
1580
|
-
second: default_2.Requireable<string>;
|
|
1581
|
-
timeZoneName: default_2.Requireable<string>;
|
|
1582
|
-
}> | null | undefined>>;
|
|
1583
|
-
formatPlaceholder: default_2.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | default_2.InferProps<{
|
|
1584
|
-
year: default_2.Requireable<string>;
|
|
1585
|
-
month: default_2.Requireable<string>;
|
|
1586
|
-
day: default_2.Requireable<string>;
|
|
1587
|
-
hour: default_2.Requireable<string>;
|
|
1588
|
-
minute: default_2.Requireable<string>;
|
|
1589
|
-
second: default_2.Requireable<string>;
|
|
1590
|
-
}> | null | undefined>>;
|
|
1591
|
-
id: default_2.Requireable<string>;
|
|
1592
|
-
ariaLabelledBy: default_2.Requireable<string>;
|
|
1593
|
-
ariaDescribedBy: default_2.Requireable<string>;
|
|
1594
|
-
ariaLabel: default_2.Requireable<string>;
|
|
1595
|
-
min: default_2.Requireable<Date>;
|
|
1596
|
-
max: default_2.Requireable<Date>;
|
|
1597
|
-
name: default_2.Requireable<string>;
|
|
1598
|
-
popupSettings: default_2.Requireable<default_2.InferProps<{
|
|
1599
|
-
animate: default_2.Requireable<boolean>;
|
|
1600
|
-
appendTo: default_2.Requireable<any>;
|
|
1601
|
-
popupClass: default_2.Requireable<string>;
|
|
1602
|
-
}>>;
|
|
1603
|
-
show: default_2.Requireable<boolean>;
|
|
1604
|
-
tabIndex: default_2.Requireable<number>;
|
|
1605
|
-
title: default_2.Requireable<string>;
|
|
1606
|
-
value: default_2.Requireable<Date>;
|
|
1607
|
-
weekNumber: default_2.Requireable<boolean>;
|
|
1608
|
-
width: default_2.Requireable<NonNullable<string | number | null | undefined>>;
|
|
1609
|
-
validationMessage: default_2.Requireable<string>;
|
|
1610
|
-
required: default_2.Requireable<boolean>;
|
|
1611
|
-
validate: default_2.Requireable<boolean>;
|
|
1612
|
-
valid: default_2.Requireable<boolean>;
|
|
1613
|
-
size: default_2.Requireable<"small" | "large" | "medium" | null | undefined>;
|
|
1614
|
-
rounded: default_2.Requireable<"small" | "large" | "medium" | "full" | null | undefined>;
|
|
1615
|
-
fillMode: default_2.Requireable<"flat" | "solid" | "outline" | null | undefined>;
|
|
1616
|
-
adaptive: default_2.Requireable<boolean>;
|
|
1617
|
-
adaptiveTitle: default_2.Requireable<string>;
|
|
1618
|
-
autoFocus: default_2.Requireable<boolean>;
|
|
1619
|
-
inputAttributes: default_2.Requireable<object>;
|
|
1620
|
-
};
|
|
1621
|
-
/**
|
|
1622
|
-
* @hidden
|
|
1623
|
-
*/
|
|
1624
|
-
static defaultProps: {
|
|
1625
|
-
defaultShow: boolean;
|
|
1626
|
-
defaultValue: null;
|
|
1627
|
-
dateInput: React_2.ComponentType<DateInputProps<any>>;
|
|
1628
|
-
calendar: React_2.ComponentType<CalendarProps<any>>;
|
|
1629
|
-
toggleButton: React_2.ComponentType<ToggleButtonProps>;
|
|
1630
|
-
popup: React_2.ComponentType<PopupProps>;
|
|
1631
|
-
pickerWrap: React_2.ComponentType<PickerWrapProps>;
|
|
1632
|
-
disabled: boolean;
|
|
1633
|
-
format: string;
|
|
1634
|
-
max: Date;
|
|
1635
|
-
min: Date;
|
|
1636
|
-
popupSettings: {};
|
|
1637
|
-
tabIndex: number;
|
|
1638
|
-
weekNumber: boolean;
|
|
1639
|
-
validityStyles: boolean;
|
|
1640
|
-
size: "small" | "large" | "medium" | null | undefined;
|
|
1641
|
-
rounded: "small" | "large" | "medium" | "full" | null | undefined;
|
|
1642
|
-
fillMode: "flat" | "solid" | "outline" | null | undefined;
|
|
1643
|
-
autoFocus: boolean;
|
|
1644
|
-
};
|
|
1645
|
-
/**
|
|
1646
|
-
* @hidden
|
|
1647
|
-
*/
|
|
1648
|
-
readonly state: DatePickerState;
|
|
1649
|
-
private get _popupId();
|
|
1650
|
-
private _element;
|
|
1651
|
-
private _dateInput;
|
|
1652
|
-
private _calendar;
|
|
1653
|
-
private valueDuringOnChange?;
|
|
1654
|
-
private showDuringOnChange?;
|
|
1655
|
-
private nextTickId;
|
|
1656
|
-
private shouldFocusDateInput;
|
|
1657
|
-
private prevShow;
|
|
1658
|
-
private observerResize?;
|
|
1659
|
-
private get document();
|
|
1660
|
-
constructor(props: DatePickerProps);
|
|
1661
|
-
/**
|
|
1662
|
-
* Gets the wrapping element of the DatePickerWithoutContext.
|
|
1663
|
-
*/
|
|
1664
|
-
get element(): HTMLSpanElement | null;
|
|
1665
|
-
/**
|
|
1666
|
-
* The mobile mode of the DatePicker.
|
|
1667
|
-
*/
|
|
1668
|
-
get mobileMode(): boolean;
|
|
1669
|
-
/**
|
|
1670
|
-
* Gets the DateInput component inside the DatePicker component.
|
|
1671
|
-
*/
|
|
1672
|
-
get dateInput(): DateInput | null;
|
|
1673
|
-
/**
|
|
1674
|
-
* Gets the Calendar component inside the DatePicker component.
|
|
1675
|
-
*/
|
|
1676
|
-
get calendar(): Calendar | null;
|
|
1677
|
-
/**
|
|
1678
|
-
* Gets the value of the DatePickerWithoutContext.
|
|
1679
|
-
*/
|
|
1680
|
-
get value(): Date | null;
|
|
1681
|
-
/**
|
|
1682
|
-
* Gets the popup state of the DatePickerWithoutContext.
|
|
1683
|
-
*/
|
|
1684
|
-
get show(): boolean;
|
|
1685
|
-
/**
|
|
1686
|
-
* Gets the `name` property of the DatePickerWithoutContext.
|
|
1687
|
-
*/
|
|
1688
|
-
get name(): string | undefined;
|
|
1689
|
-
protected get min(): Date;
|
|
1690
|
-
protected get max(): Date;
|
|
1691
|
-
protected get dateInputComp(): React_2.ComponentType<DateInputProps<any>>;
|
|
1692
|
-
protected get toggleButtonComp(): React_2.ComponentType<ToggleButtonProps>;
|
|
1693
|
-
protected get calendarComp(): React_2.ComponentType<CalendarProps<any>>;
|
|
1694
|
-
protected get popupComp(): React_2.ComponentType<PopupProps>;
|
|
1695
|
-
protected get pickerWrapComp(): React_2.ComponentType<PickerWrapProps>;
|
|
1696
|
-
/**
|
|
1697
|
-
* Represents the validity state into which the DatePicker is set.
|
|
1698
|
-
*/
|
|
1699
|
-
get validity(): FormComponentValidity;
|
|
1700
|
-
/**
|
|
1701
|
-
* @hidden
|
|
1702
|
-
*/
|
|
1703
|
-
protected get validityStyles(): boolean;
|
|
1704
|
-
/**
|
|
1705
|
-
* @hidden
|
|
1706
|
-
*/
|
|
1707
|
-
protected get required(): boolean;
|
|
1708
|
-
/**
|
|
1709
|
-
* @hidden
|
|
1710
|
-
*/
|
|
1711
|
-
componentDidMount(): void;
|
|
1712
|
-
/**
|
|
1713
|
-
* @hidden
|
|
1714
|
-
*/
|
|
1715
|
-
componentDidUpdate(): void;
|
|
1716
|
-
/**
|
|
1717
|
-
* @hidden
|
|
1718
|
-
*/
|
|
1719
|
-
componentWillUnmount(): void;
|
|
1720
|
-
/**
|
|
1721
|
-
* @hidden
|
|
1722
|
-
*/
|
|
1723
|
-
focus: () => void;
|
|
1724
|
-
/**
|
|
1725
|
-
* @hidden
|
|
1726
|
-
*/
|
|
1727
|
-
render(): JSX_2.Element;
|
|
1728
|
-
protected setCalendarRef: (calendar: any) => void;
|
|
1729
|
-
protected nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => Date | null;
|
|
1730
|
-
protected nextShow: (nextProps: DatePickerProps, nextState: DatePickerState) => boolean;
|
|
1731
|
-
protected setShow(show: boolean): void;
|
|
1732
|
-
protected mergeTime(value: Date | null): Date | null;
|
|
1733
|
-
protected nextTick(f: () => any): void;
|
|
1734
|
-
private renderPopup;
|
|
1735
|
-
private renderAdaptivePopup;
|
|
1736
|
-
private handleInputValueChange;
|
|
1737
|
-
private handleCalendarValueChange;
|
|
1738
|
-
private handleValueChange;
|
|
1739
|
-
private handleFocus;
|
|
1740
|
-
private handleBlur;
|
|
1741
|
-
togglePopup: () => void;
|
|
1742
|
-
private handleMouseDownOutside;
|
|
1743
|
-
private handleIconClick;
|
|
1744
|
-
private handleIconMouseDown;
|
|
1745
|
-
private handleKeyDown;
|
|
1746
|
-
private calculateMedia;
|
|
1747
|
-
}
|
|
1748
|
-
|
|
1749
1579
|
/** @hidden */
|
|
1750
1580
|
export declare type DateRangePicker = DateRangePickerHandle;
|
|
1751
1581
|
|
package/index.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./calendar/components/Calendar.js"),i=require("./dateinput/DateInput.js"),a=require("./datepicker/DatePicker.js"),n=require("./timepicker/TimePicker.js"),o=require("./calendar/components/MultiViewCalendar.js"),c=require("./daterangepicker/DateRangePicker.js"),u=require("./calendar/components/CalendarCell.js"),l=require("./calendar/components/CalendarWeekCell.js"),C=require("./calendar/components/CalendarHeaderTitle.js"),d=require("./calendar/components/CalendarNavigationItem.js"),S=require("./calendar/models/NavigationAction.js"),P=require("./calendar/models/CalendarViewEnum.js"),T=require("./calendar/models/SelectionRange.js"),s=require("./datetimepicker/DateTimePicker.js"),v=require("./datepicker/ToggleButton.js"),D=require("./common/PickerWrap.js"),m=require("./calendar/components/Header.js"),q=require("./timepicker/TimeList.js"),V=require("./timepicker/TimePart.js"),g=require("./calendar/components/TodayCommand.js"),e=require("./messages/index.js"),k=require("./calendar/components/ViewList.js"),w=require("./virtualization/Virtualization.js"),p=require("./calendar/components/HorizontalViewList.js"),M=require("./timepicker/TimeSelector.js"),r=require("./utils.js"),x=require("./timepicker/utils.js"),E=require("./timepicker/services/DayPeriodService.js"),I=require("./timepicker/services/HoursService.js"),W=require("./timepicker/services/MinutesService.js"),N=require("./timepicker/services/SecondsService.js"),y=require("./calendar/services/BusViewService.js"),h=require("./calendar/services/CenturyViewService.js"),A=require("./calendar/services/DecadeViewService.js"),H=require("./calendar/services/DOMService.js"),L=require("./calendar/services/MonthViewService.js"),R=require("./calendar/services/NavigationService.js"),_=require("./calendar/services/ScrollSyncService.js"),z=require("./calendar/services/WeekNamesService.js"),B=require("./calendar/services/YearViewService.js");exports.Calendar=t.Calendar;exports.CalendarPropsContext=t.CalendarPropsContext;exports.CalendarWithoutContext=t.CalendarWithoutContext;exports.DateInput=i.DateInput;exports.DateInputPropsContext=i.DateInputPropsContext;exports.DateInputWithoutContext=i.DateInputWithoutContext;exports.DatePicker=a.DatePicker;exports.DatePickerPropsContext=a.DatePickerPropsContext;exports.datePickerDefaultProps=a.datePickerDefaultProps;exports.TimePicker=n.TimePicker;exports.TimePickerPropsContext=n.TimePickerPropsContext;exports.TimePickerWithoutContext=n.TimePickerWithoutContext;exports.MultiViewCalendar=o.MultiViewCalendar;exports.MultiViewCalendarPropsContext=o.MultiViewCalendarPropsContext;exports.MultiViewCalendarWithoutContext=o.MultiViewCalendarWithoutContext;exports.DateRangePicker=c.DateRangePicker;exports.DateRangePickerPropsContext=c.DateRangePickerPropsContext;exports.DateRangePickerWithoutContext=c.DateRangePickerWithoutContext;exports.CalendarCell=u.CalendarCell;exports.CalendarWeekCell=l.CalendarWeekCell;exports.CalendarHeaderTitle=C.CalendarHeaderTitle;exports.CalendarNavigationItem=d.CalendarNavigationItem;exports.Action=S.Action;exports.CalendarViewEnum=P.CalendarViewEnum;exports.EMPTY_SELECTIONRANGE=T.EMPTY_SELECTIONRANGE;exports.DateTimePicker=s.DateTimePicker;exports.DateTimePickerPropsContext=s.DateTimePickerPropsContext;exports.DateTimePickerWithoutContext=s.DateTimePickerWithoutContext;exports.ToggleButton=v.ToggleButton;exports.PickerWrap=D.PickerWrap;exports.Header=m.Header;exports.TimeList=q.TimeList;exports.TimePart=V.TimePart;exports.TodayCommand=g.TodayCommand;exports.dateInputsMessages=e.messages;exports.decreaseValue=e.decreaseValue;exports.end=e.end;exports.increaseValue=e.increaseValue;exports.separator=e.separator;exports.start=e.start;exports.swapStartEnd=e.swapStartEnd;exports.today=e.today;exports.toggleCalendar=e.toggleCalendar;exports.toggleDateTimeSelector=e.toggleDateTimeSelector;exports.ViewList=k.ViewList;exports.Virtualization=w.Virtualization;exports.HorizontalViewList=p.HorizontalViewList;exports.TimeSelector=M.TimeSelector;exports.MAX_DATE=r.MAX_DATE;exports.MAX_TIME=r.MAX_TIME;exports.MIN_DATE=r.MIN_DATE;exports.MIN_TIME=r.MIN_TIME;exports.getToday=r.getToday;exports.getNow=x.getNow;exports.DayPeriodService=E.DayPeriodService;exports.HoursService=I.HoursService;exports.MinutesService=W.MinutesService;exports.SecondsService=N.SecondsService;exports.BusViewService=y.BusViewService;exports.CenturyViewService=h.CenturyViewService;exports.DecadeViewService=A.DecadeViewService;exports.DOMService=H.DOMService;exports.MonthViewService=L.MonthViewService;exports.NavigationService=R.NavigationService;exports.ScrollSyncService=_.ScrollSyncService;exports.WeekNamesService=z.WeekNamesService;exports.YearViewService=B.YearViewService;
|