@mui/x-date-pickers 8.27.0 → 9.0.0-alpha.0
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/AdapterDayjs/AdapterDayjs.d.ts +1 -1
- package/AdapterDayjsBuddhist/AdapterDayjsBuddhist.d.ts +33 -0
- package/AdapterDayjsBuddhist/AdapterDayjsBuddhist.js +94 -0
- package/AdapterDayjsBuddhist/index.d.ts +1 -0
- package/AdapterDayjsBuddhist/index.js +12 -0
- package/CHANGELOG.md +255 -3
- package/DateField/index.d.ts +1 -1
- package/DateTimeField/index.d.ts +1 -1
- package/TimeField/index.d.ts +1 -1
- package/esm/AdapterDayjs/AdapterDayjs.d.ts +1 -1
- package/esm/AdapterDayjsBuddhist/AdapterDayjsBuddhist.d.ts +33 -0
- package/esm/AdapterDayjsBuddhist/AdapterDayjsBuddhist.js +83 -0
- package/esm/AdapterDayjsBuddhist/index.d.ts +1 -0
- package/esm/AdapterDayjsBuddhist/index.js +1 -0
- package/esm/DateField/index.d.ts +1 -1
- package/esm/DateTimeField/index.d.ts +1 -1
- package/esm/TimeField/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/locales/thTH.d.ts +83 -0
- package/esm/locales/thTH.js +76 -0
- package/index.js +1 -1
- package/locales/thTH.d.ts +83 -0
- package/locales/thTH.js +82 -0
- package/package.json +4 -4
|
@@ -63,7 +63,7 @@ export declare class AdapterDayjs implements MuiPickersAdapter<string> {
|
|
|
63
63
|
* We have to parse again the value to make sure the `fixOffset` method is applied.
|
|
64
64
|
* See https://github.com/iamkun/dayjs/blob/b3624de619d6e734cd0ffdbbd3502185041c1b60/src/plugin/timezone/index.js#L72
|
|
65
65
|
*/
|
|
66
|
-
|
|
66
|
+
protected adjustOffset: (value: Dayjs) => dayjs.Dayjs;
|
|
67
67
|
date: <T extends string | null | undefined>(value?: T, timezone?: PickersTimezone) => DateBuilderReturnType<T>;
|
|
68
68
|
getInvalidDate: () => dayjs.Dayjs;
|
|
69
69
|
getTimezone: (value: Dayjs) => string;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import dayjs, { Dayjs } from 'dayjs';
|
|
2
|
+
import { AdapterDayjs } from "../AdapterDayjs/index.js";
|
|
3
|
+
import { AdapterOptions } from "../models/index.js";
|
|
4
|
+
declare module '@mui/x-date-pickers/models' {
|
|
5
|
+
interface PickerValidDateLookup {
|
|
6
|
+
'dayjs-buddhist': Dayjs;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Adapter for dayjs with Buddhist Era calendar support.
|
|
11
|
+
* Buddhist Era is used in Thailand and other Southeast Asian countries.
|
|
12
|
+
* It uses the same months and days as the Gregorian calendar but with a year offset of 543.
|
|
13
|
+
*/
|
|
14
|
+
export declare class AdapterDayjsBuddhist extends AdapterDayjs {
|
|
15
|
+
constructor({
|
|
16
|
+
locale,
|
|
17
|
+
formats
|
|
18
|
+
}?: AdapterOptions<string, never>);
|
|
19
|
+
/**
|
|
20
|
+
* Returns the Buddhist year (Gregorian year + 543)
|
|
21
|
+
*/
|
|
22
|
+
getYear: (value: Dayjs) => number;
|
|
23
|
+
/**
|
|
24
|
+
* Sets the Buddhist year (converts to Gregorian year internally)
|
|
25
|
+
*/
|
|
26
|
+
setYear: (value: Dayjs, year: number) => dayjs.Dayjs;
|
|
27
|
+
/**
|
|
28
|
+
* Parses a date string with Buddhist year support.
|
|
29
|
+
* The buddhistEra plugin only supports formatting, not parsing,
|
|
30
|
+
* so we convert BBBB/BB to YYYY/YY and adjust the year after parsing.
|
|
31
|
+
*/
|
|
32
|
+
parse: (value: string, format: string) => dayjs.Dayjs | null;
|
|
33
|
+
}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.AdapterDayjsBuddhist = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
10
|
+
var _buddhistEra = _interopRequireDefault(require("dayjs/plugin/buddhistEra.js"));
|
|
11
|
+
var _AdapterDayjs = require("../AdapterDayjs");
|
|
12
|
+
/* v8 ignore start */
|
|
13
|
+
|
|
14
|
+
// dayjs has no exports field defined
|
|
15
|
+
// See https://github.com/iamkun/dayjs/issues/2562
|
|
16
|
+
/* eslint-disable import/extensions */
|
|
17
|
+
|
|
18
|
+
/* v8 ignore stop */
|
|
19
|
+
/* eslint-enable import/extensions */
|
|
20
|
+
|
|
21
|
+
_dayjs.default.extend(_buddhistEra.default);
|
|
22
|
+
const BUDDHIST_YEAR_OFFSET = 543;
|
|
23
|
+
const buddhistTokens = {
|
|
24
|
+
BB: 'year',
|
|
25
|
+
BBBB: {
|
|
26
|
+
sectionType: 'year',
|
|
27
|
+
contentType: 'digit',
|
|
28
|
+
maxLength: 4
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
const buddhistFormats = {
|
|
32
|
+
year: 'BBBB',
|
|
33
|
+
fullDate: 'D MMM BBBB',
|
|
34
|
+
keyboardDate: 'DD/MM/BBBB',
|
|
35
|
+
keyboardDateTime12h: 'DD/MM/BBBB hh:mm A',
|
|
36
|
+
keyboardDateTime24h: 'DD/MM/BBBB HH:mm'
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* Adapter for dayjs with Buddhist Era calendar support.
|
|
40
|
+
* Buddhist Era is used in Thailand and other Southeast Asian countries.
|
|
41
|
+
* It uses the same months and days as the Gregorian calendar but with a year offset of 543.
|
|
42
|
+
*/
|
|
43
|
+
class AdapterDayjsBuddhist extends _AdapterDayjs.AdapterDayjs {
|
|
44
|
+
constructor({
|
|
45
|
+
locale,
|
|
46
|
+
formats
|
|
47
|
+
} = {}) {
|
|
48
|
+
super({
|
|
49
|
+
locale,
|
|
50
|
+
formats: (0, _extends2.default)({}, buddhistFormats, formats)
|
|
51
|
+
});
|
|
52
|
+
this.lib = 'dayjs-buddhist';
|
|
53
|
+
this.formatTokenMap = (0, _extends2.default)({}, this.formatTokenMap, buddhistTokens);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* Returns the Buddhist year (Gregorian year + 543)
|
|
58
|
+
*/
|
|
59
|
+
getYear = value => {
|
|
60
|
+
return value.year() + BUDDHIST_YEAR_OFFSET;
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* Sets the Buddhist year (converts to Gregorian year internally)
|
|
65
|
+
*/
|
|
66
|
+
setYear = (value, year) => {
|
|
67
|
+
return this.adjustOffset(value.set('year', year - BUDDHIST_YEAR_OFFSET));
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
/**
|
|
71
|
+
* Parses a date string with Buddhist year support.
|
|
72
|
+
* The buddhistEra plugin only supports formatting, not parsing,
|
|
73
|
+
* so we convert BBBB/BB to YYYY/YY and adjust the year after parsing.
|
|
74
|
+
*/
|
|
75
|
+
parse = (value, format) => {
|
|
76
|
+
if (value === '') {
|
|
77
|
+
return null;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
// Check if format contains Buddhist year tokens
|
|
81
|
+
const hasBuddhistYear = /BBBB|BB/.test(format);
|
|
82
|
+
|
|
83
|
+
// dayjs can't parse BBBB/BB tokens, replace with YYYY/YY
|
|
84
|
+
const parseFormat = hasBuddhistYear ? format.replace(/BBBB/g, 'YYYY').replace(/BB/g, 'YY') : format;
|
|
85
|
+
const parsed = (0, _dayjs.default)(value, parseFormat, this.locale, true);
|
|
86
|
+
if (!parsed.isValid() || !hasBuddhistYear) {
|
|
87
|
+
return parsed;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
// Convert Buddhist year input to Gregorian
|
|
91
|
+
return parsed.subtract(BUDDHIST_YEAR_OFFSET, 'year');
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
exports.AdapterDayjsBuddhist = AdapterDayjsBuddhist;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AdapterDayjsBuddhist } from "./AdapterDayjsBuddhist.js";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "AdapterDayjsBuddhist", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _AdapterDayjsBuddhist.AdapterDayjsBuddhist;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _AdapterDayjsBuddhist = require("./AdapterDayjsBuddhist");
|
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,261 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
## 9.0.0-alpha.0
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
_Feb 16, 2026_
|
|
6
|
+
|
|
7
|
+
We'd like to extend a big thank you to the 21 contributors who made this release possible. Here are some highlights ✨:
|
|
8
|
+
|
|
9
|
+
- Add support for virtualized items on `<RichTreeViewPro />`:
|
|
10
|
+
|
|
11
|
+
```tsx
|
|
12
|
+
<RichTreeViewPro items={ITEMS} virtualization itemHeight={48} />
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
- Add Thai (`thTH`) locale on the Data Grid and the Date and Time Pickers (#21116) @siriwatknp
|
|
16
|
+
- Add a new `AdapterDayjsBuddhist` adapter for Date and Time Pickers (#20984) @siriwatknp
|
|
17
|
+
- Add support for virtualization in the rich tree view (#20780) @flaviendelangle
|
|
18
|
+
- Add WebGL renderer to Heatmap (#20756) @bernardobelchior
|
|
19
|
+
|
|
20
|
+
Special thanks go out to these community members for their valuable contributions:
|
|
21
|
+
@jhe-iqbis
|
|
22
|
+
|
|
23
|
+
The following team members contributed to this release:
|
|
24
|
+
@alexfauquette, @arminmeh, @bernardobelchior, @brijeshb42, @cherniavskii, @dav-is, @flaviendelangle, @Janpot, @JCQuintas, @mapache-salvaje, @MBilalShafi, @michelengelen, @mj12albert, @noraleonte, @oliviertassinari, @rita-codes, @romgrk, @sai6855, @siriwatknp
|
|
25
|
+
|
|
26
|
+
### Data Grid
|
|
27
|
+
|
|
28
|
+
#### `@mui/x-data-grid@9.0.0-alpha.0`
|
|
29
|
+
|
|
30
|
+
- [DataGrid] Update default `logicOperator` behavior in filtering docs (#21098) @michelengelen
|
|
31
|
+
- [DataGrid] Add `thTH` locale (#21116) @siriwatknp
|
|
32
|
+
- [DataGrid] Fix initial filter value state in CustomMultiValueOperator demo (#21217) @sai6855
|
|
33
|
+
|
|
34
|
+
#### `@mui/x-data-grid-pro@9.0.0-alpha.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
35
|
+
|
|
36
|
+
Same changes as in `@mui/x-data-grid@9.0.0-alpha.0`, plus:
|
|
37
|
+
|
|
38
|
+
- [DataGridPro] Cleanup outdated rows on `dataSource` reference update (#21138) @MBilalShafi
|
|
39
|
+
|
|
40
|
+
#### `@mui/x-data-grid-premium@9.0.0-alpha.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
41
|
+
|
|
42
|
+
Same changes as in `@mui/x-data-grid-pro@9.0.0-alpha.0`.
|
|
43
|
+
|
|
44
|
+
### Date and Time Pickers
|
|
45
|
+
|
|
46
|
+
#### `@mui/x-date-pickers@9.0.0-alpha.0`
|
|
47
|
+
|
|
48
|
+
- [pickers] Add `AdapterDayjsBuddhist` adapter (#20984) @siriwatknp
|
|
49
|
+
- [pickers] Add `thTH` locale (#21116) @siriwatknp
|
|
50
|
+
|
|
51
|
+
#### `@mui/x-date-pickers-pro@9.0.0-alpha.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
52
|
+
|
|
53
|
+
Same changes as in `@mui/x-date-pickers@9.0.0-alpha.0`.
|
|
54
|
+
|
|
55
|
+
### Charts
|
|
56
|
+
|
|
57
|
+
#### `@mui/x-charts@9.0.0-alpha.0`
|
|
58
|
+
|
|
59
|
+
- [charts] Add Legend actions (#20404) @JCQuintas
|
|
60
|
+
- [charts] Add `Chart` suffix to MUI Classes (#21042) @JCQuintas
|
|
61
|
+
- [charts] Add `axesGap` props to put space between axes (#20904) @alexfauquette
|
|
62
|
+
- [charts] Add `cleanIdentifier` function to charts series instance (#20832) @JCQuintas
|
|
63
|
+
- [charts] Add `initialHiddenItems` prop to set initial state (#20894) @JCQuintas
|
|
64
|
+
- [charts] Add `useXAxisCoordinates` and `useYAxisCoordinates` hooks (#20972) @bernardobelchior
|
|
65
|
+
- [charts] Add axis slots and expose axis ticks hooks (#20935) @bernardobelchior
|
|
66
|
+
- [charts] Change `line` legend marker to be a line (#21059) @JCQuintas
|
|
67
|
+
- [charts] Codemod test pattern with function (#21111) @JCQuintas
|
|
68
|
+
- [charts] Control the item tooltip (#20617) @alexfauquette
|
|
69
|
+
- [charts] Enable keyboard navigation in radar chart (#20765) @alexfauquette
|
|
70
|
+
- [charts] Export `CartesianChartSeriesType` and `StackableChartSeriesType` (#21012) @bernardobelchior
|
|
71
|
+
- [charts] Export plugins from premium (#20866) @JCQuintas
|
|
72
|
+
- [charts] Filter hidden series from axis tooltip (#21273) @Copilot
|
|
73
|
+
- [charts] Filter hidden series from axis tooltip (#21273) @Copilot
|
|
74
|
+
- [charts] Fix rename `getSVGPoint` to `getChartPoint` (#21335) @bernardobelchior
|
|
75
|
+
- [charts] Fix cleanup function in useChartInteractionListener to correctly remove event listeners with options (#21218) @sai6855
|
|
76
|
+
- [charts] Fix import rename in codemod (#21112) @JCQuintas
|
|
77
|
+
- [charts] Fix multiple exports of `HighlightScope` (#21270) @bernardobelchior
|
|
78
|
+
- [charts] Fix test inconsistency in charts (#20907) @JCQuintas
|
|
79
|
+
- [charts] Fix tooltip position for stacked line series (#20901) @alexfauquette
|
|
80
|
+
- [charts] Make Highlight scope a generic (#21189) @alexfauquette
|
|
81
|
+
- [charts] Make `LegendItemParams.type` required (#21003) @alexfauquette
|
|
82
|
+
- [charts] Make `seriesId` a string only (#20997) @alexfauquette
|
|
83
|
+
- [charts] Make the `useChartRootRef` support typing parameter (#21023) @alexfauquette
|
|
84
|
+
- [charts] Memoize HeatmapItem to avoid re-render when fading/highlighting (#20865) @bernardobelchior
|
|
85
|
+
- [charts] Move axis id to `data-axis-id` attribute instead of class (#21037) @JCQuintas
|
|
86
|
+
- [charts] Move `cleanIdentifier` and `serializeIdentifier` instance methods to `useChartSeriesConfig` plugin (#21025) @JCQuintas
|
|
87
|
+
- [charts] Move `seriesConfig` to `useChartSeriesConfig` plugin (#21004) @JCQuintas
|
|
88
|
+
- [charts] Move element refs to `useChartElementRef` plugin (#21099) @JCQuintas
|
|
89
|
+
- [charts] Move types related to `seriesConfig` into the `useChartSeriesConfig` plugin folder (#21026) @JCQuintas
|
|
90
|
+
- [charts] Remove `data-has-focused-item` from `ChartsSurface` (#21255) @bernardobelchior
|
|
91
|
+
- [charts] Remove default generic of item identifiers (#21182) @alexfauquette
|
|
92
|
+
- [charts] Remove deprecated `id` from `LegendItemParams` (#21055) @alexfauquette
|
|
93
|
+
- [charts] Remove deprecated `ChartApi` export from `ChartContainer` (#20975) @JCQuintas
|
|
94
|
+
- [charts] Remove deprecated `useAxisTooltip` in favor of `useAxesTooltip` (#20962) @Copilot
|
|
95
|
+
- [charts] Remove deprecated series type helpers and functions (#20998) @alexfauquette
|
|
96
|
+
- [charts] Rename `ChartContainer` to `ChartsContainer` (#21173) @JCQuintas
|
|
97
|
+
- [charts] Rename `getSVGPoint` to `getChartPoint` (#21322) @bernardobelchior
|
|
98
|
+
- [charts] Rename `TickItemType` to `TickItem` (#21008) @bernardobelchior
|
|
99
|
+
- [charts] Replace props `id` by `seriesId` when necessary (#21057) @alexfauquette
|
|
100
|
+
- [charts] Revert `touch-action: pan-y` removal when zoom is disabled (#20852) @bernardobelchior
|
|
101
|
+
- [charts] The `useXxxSeries([])` return empty array (#21001) @alexfauquette
|
|
102
|
+
- [charts] Use `NumberValue` in domain limit function (#21054) @JCQuintas
|
|
103
|
+
|
|
104
|
+
#### `@mui/x-charts-pro@9.0.0-alpha.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
105
|
+
|
|
106
|
+
Same changes as in `@mui/x-charts@9.0.0-alpha.0`, plus:
|
|
107
|
+
|
|
108
|
+
- [charts-pro] Add border radius to heatmap (#20931) @bernardobelchior
|
|
109
|
+
- [charts-pro] Add keyboard navigation to funnel (#20766) @alexfauquette
|
|
110
|
+
- [charts-pro] Add keyboard navigation to heatmap (#20786) @alexfauquette
|
|
111
|
+
- [charts-pro] Add keyboard navigation to sankey (#20777) @alexfauquette
|
|
112
|
+
- [charts-pro] Fix Heatmap's `onItemClick` not triggering (#21016) @bernardobelchior
|
|
113
|
+
- [charts-pro] Fix crash when two same-direction axes have a zoom preview (#20916) @bernardobelchior
|
|
114
|
+
- [charts-pro] Handle edge case in export image (#21190) @bernardobelchior
|
|
115
|
+
- [charts-pro] Prefer global pointer interaction tracker in Heatmap (#20697) @bernardobelchior
|
|
116
|
+
- [charts-pro] Support composition for Sankey (#20604) @alexfauquette
|
|
117
|
+
- [charts-pro] Update Heatmap identifier (#21124) @alexfauquette
|
|
118
|
+
- [charts-pro] Update default value of `hideLegend` prop in `Heatmap` (#20961) @Copilot
|
|
119
|
+
|
|
120
|
+
#### `@mui/x-charts-premium@9.0.0-alpha.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
121
|
+
|
|
122
|
+
Same changes as in `@mui/x-charts-pro@9.0.0-alpha.0`, plus:
|
|
123
|
+
|
|
124
|
+
- [charts-premium] Add WebGL renderer to Heatmap (#20756) @bernardobelchior
|
|
125
|
+
- [charts-premium] Add `ChartContainerPremium` (#20910) @bernardobelchior
|
|
126
|
+
- [charts-premium] Add `HeatmapPremium` (#20930) @bernardobelchior
|
|
127
|
+
- [charts-premium] Add keyboard navigation to range-bar (#21272) @alexfauquette
|
|
128
|
+
- [charts-premium] Extract `HeatmapSVGPlot` from `HeatmapPlot` component (#21015) @bernardobelchior
|
|
129
|
+
- [charts-premium] Fix `ChartDataProviderPremium` tests (#20868) @bernardobelchior
|
|
130
|
+
- [charts-premium] Fix links in comments for chart containers and data providers (#21105) @bernardobelchior
|
|
131
|
+
|
|
132
|
+
### Tree View
|
|
133
|
+
|
|
134
|
+
#### `@mui/x-tree-view@9.0.0-alpha.0`
|
|
135
|
+
|
|
136
|
+
_No changes._
|
|
137
|
+
|
|
138
|
+
#### `@mui/x-tree-view-pro@9.0.0-alpha.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
139
|
+
|
|
140
|
+
Same changes as in `@mui/x-tree-view@9.0.0-alpha.0`, plus:
|
|
141
|
+
|
|
142
|
+
- [RichTreeViewPro] Add support for virtualization (#20780) @flaviendelangle
|
|
143
|
+
|
|
144
|
+
### Codemod
|
|
145
|
+
|
|
146
|
+
#### `@mui/x-codemod@9.0.0-alpha.0`
|
|
147
|
+
|
|
148
|
+
- [codemod] Document and Clean the codemod utils (#21014) @alexfauquette
|
|
149
|
+
|
|
150
|
+
### Docs
|
|
151
|
+
|
|
152
|
+
- [docs] Add focus highlight in composition snipets (#20614) @alexfauquette
|
|
153
|
+
- [docs] Add simple candlestick chart demo (#20912) @bernardobelchior
|
|
154
|
+
- [docs] Fix Waterfall Chart documentation badge from Pro to Premium (#20888) @Copilot
|
|
155
|
+
- [docs] Fix broken links on Data Grid Editing sub-pages (#20911) @arminmeh
|
|
156
|
+
- [docs] Fix docs API for HeatmapPremium (#21137) @alexfauquette
|
|
157
|
+
- [docs] Fix horizontal overflow in heatmap docs (#20968) @bernardobelchior
|
|
158
|
+
- [docs] Move Range Bar Chart to existing charts (#21120) @bernardobelchior
|
|
159
|
+
- [docs] Prepare the scheduler doc for the alpha (#21268) @flaviendelangle
|
|
160
|
+
- [docs] Rewording of the heatmap item click (#20987) @alexfauquette
|
|
161
|
+
- [scheduler][docs] Create the Quickstart page (#20913) @flaviendelangle
|
|
162
|
+
- [charts][docs] Revise the Charts CSP doc (#20906) @mapache-salvaje
|
|
163
|
+
- [charts][docs] Revise the Charts Composition doc (#20032) @mapache-salvaje
|
|
164
|
+
- [charts][docs] Revise the Charts Hooks Overview doc (#20921) @mapache-salvaje
|
|
165
|
+
- [charts][docs] Revise the Charts Legend doc (#20821) @mapache-salvaje
|
|
166
|
+
- [charts][docs] Revise the Charts Localization doc (#20800) @mapache-salvaje
|
|
167
|
+
- [charts][docs] Revise the Charts Plugins doc (#20933) @mapache-salvaje
|
|
168
|
+
- [charts][docs] Revise the Charts Stacking doc (#20830) @mapache-salvaje
|
|
169
|
+
- [charts][docs] Revise the Charts Styling doc (#20835) @mapache-salvaje
|
|
170
|
+
- [charts][docs] Revise the Charts Toolbar doc (#20867) @mapache-salvaje
|
|
171
|
+
- [charts][docs] Revise the Charts Tooltip doc (#20869) @mapache-salvaje
|
|
172
|
+
- [charts][docs] Revise the Charts Zoom and Pan doc (#20893) @mapache-salvaje
|
|
173
|
+
- [DataGrid][docs] Add a recipe for handling long text cell (#20754) @siriwatknp
|
|
174
|
+
- [DataGrid][docs] Add high-level competitor comparison to Overview doc (DX-117) (#20870) @mapache-salvaje
|
|
175
|
+
- [DataGrid][docs] Remove Bundling section from quickstart (#21177) @MBilalShafi
|
|
176
|
+
|
|
177
|
+
### Core
|
|
178
|
+
|
|
179
|
+
- [code-infra] Add `MUI_TEST_ENV` global (#21187) @Janpot
|
|
180
|
+
- [code-infra] Fix `material-ui/disallow-react-api-in-server-components` (#20909) @JCQuintas
|
|
181
|
+
- [code-infra] Fix `renameImports` codemod not preserving comments (#20977) @JCQuintas
|
|
182
|
+
- [code-infra] Fix the label comparison to use lower case (#20934) @brijeshb42
|
|
183
|
+
- [code-infra] Github action to sync title and label (#20922) @brijeshb42
|
|
184
|
+
- [code-infra] Ignore scheduler demo with random data (#20982) @JCQuintas
|
|
185
|
+
- [code-infra] Improve `codemod` testing setup (#20981) @JCQuintas
|
|
186
|
+
- [code-infra] Only ignore renovate[bot] in changelog generation script (#21185) @bernardobelchior
|
|
187
|
+
- [code-infra] Prepare for v9 (#20860) @JCQuintas
|
|
188
|
+
- [code-infra] Set `rasterizehtml` version in pnpm catalog (#21175) @bernardobelchior
|
|
189
|
+
- [code-infra] Update codeowners (#20886) @JCQuintas
|
|
190
|
+
- [code-infra] V9 preparation (#20928) @JCQuintas
|
|
191
|
+
- [code-infra] eslint rule rename (#21172) @Janpot
|
|
192
|
+
- [code-infra][docs] V9 charts migration doc kickoff (#20973) @JCQuintas
|
|
193
|
+
- [docs-infra] Add Cookie Banner and Analytics Provider (#21228) @dav-is
|
|
194
|
+
- [docs-infra] Fix missing slots section on API page (#20915) @Janpot
|
|
195
|
+
- [docs-infra] Fix two broken links (#20914) @Janpot
|
|
196
|
+
- [docs-infra] Port demo changes (#20971) @Janpot
|
|
197
|
+
- [internal] Add information about codemods to AGENTS.md (#21011) @bernardobelchior
|
|
198
|
+
- [internal] Fix codemod versioning instructions in `AGENTS.md` (#21024) @bernardobelchior
|
|
199
|
+
- [internal] Fix missing generated props in master (#21142) @bernardobelchior
|
|
200
|
+
- [internal] Headless sorting plugin (#21089) @arminmeh
|
|
201
|
+
- [internal] Remove duplicate code (#20896) @oliviertassinari
|
|
202
|
+
|
|
203
|
+
### Miscellaneous
|
|
204
|
+
|
|
205
|
+
- Bump next to ^15.5.11 (#21171) @Copilot
|
|
206
|
+
- [core] Fix CI (#21223) @flaviendelangle
|
|
207
|
+
- [PoC] Headless data grid (#20645) @cherniavskii
|
|
208
|
+
|
|
209
|
+
## v8.27.1
|
|
210
|
+
|
|
211
|
+
_Feb 13, 2026_
|
|
212
|
+
|
|
213
|
+
We'd like to extend a big thank you to the 6 contributors who made this release possible. Here are some highlights ✨:
|
|
214
|
+
|
|
215
|
+
- 📝 CSS bundler support is no longer needed for the Data Grid
|
|
216
|
+
- 🐞 Bugfixes
|
|
217
|
+
|
|
218
|
+
Special thanks go out to these community members for their valuable contributions:
|
|
219
|
+
@sai6855
|
|
220
|
+
|
|
221
|
+
The following team members contributed to this release:
|
|
222
|
+
@arminmeh, @cherniavskii, @flaviendelangle, @mj12albert, @MBilalShafi
|
|
223
|
+
|
|
224
|
+
### Data Grid
|
|
225
|
+
|
|
226
|
+
#### `@mui/x-data-grid@8.27.1`
|
|
227
|
+
|
|
228
|
+
- [DataGrid] Hide column menu icon when there are no items (#21303) @MBilalShafi
|
|
229
|
+
- [DataGrid] Migrate styled imports and remove `index.css` (#21176) @MBilalShafi
|
|
230
|
+
- [DataGrid] Optimize `GridRootStyles` overrides resolver (#21251) @sai6855
|
|
231
|
+
|
|
232
|
+
#### `@mui/x-data-grid-pro@8.27.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
233
|
+
|
|
234
|
+
Same changes as in `@mui/x-data-grid@8.27.1`, plus:
|
|
235
|
+
|
|
236
|
+
- [DataGridPro] Fix column pinning issue with `restoreState` (#21305) @MBilalShafi
|
|
237
|
+
- [DataGridPro] Fix lazy loading params for page with one row (#21238) @MBilalShafi
|
|
238
|
+
- [DataGridPro] Properly extract parent path (#21301) @arminmeh
|
|
239
|
+
|
|
240
|
+
#### `@mui/x-data-grid-premium@8.27.1` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
241
|
+
|
|
242
|
+
Same changes as in `@mui/x-data-grid-pro@8.27.1`, plus:
|
|
243
|
+
|
|
244
|
+
- [DataGridPremium] Fix aggregation display when `initialState` has both `sortModel` and `pinnedColumns` (#21152) @mj12albert
|
|
245
|
+
|
|
246
|
+
### Tree View
|
|
247
|
+
|
|
248
|
+
#### `@mui/x-tree-view@8.27.1`
|
|
249
|
+
|
|
250
|
+
- [tree view] Fix `apiRef.current.setItemExpansion()` (#21095) @flaviendelangle
|
|
251
|
+
|
|
252
|
+
#### `@mui/x-tree-view-pro@8.27.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
253
|
+
|
|
254
|
+
Same changes as in `@mui/x-tree-view@8.27.1`.
|
|
255
|
+
|
|
256
|
+
### Core
|
|
257
|
+
|
|
258
|
+
- [internal] Add CLI for translation using LLM (#21299) @cherniavskii
|
|
7
259
|
|
|
8
260
|
## v8.27.0
|
|
9
261
|
|
package/DateField/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { DateField } from "./DateField.js";
|
|
2
2
|
export { useDateField as unstable_useDateField } from "./useDateField.js";
|
|
3
|
-
export type { UseDateFieldProps, DateFieldProps } from "./DateField.types.js";
|
|
3
|
+
export type { UseDateFieldProps, DateFieldProps, DateFieldSlots, DateFieldSlotProps } from "./DateField.types.js";
|
package/DateTimeField/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { DateTimeField } from "./DateTimeField.js";
|
|
2
2
|
export { useDateTimeField as unstable_useDateTimeField } from "./useDateTimeField.js";
|
|
3
|
-
export type { UseDateTimeFieldProps, DateTimeFieldProps } from "./DateTimeField.types.js";
|
|
3
|
+
export type { UseDateTimeFieldProps, DateTimeFieldProps, DateTimeFieldSlots, DateTimeFieldSlotProps } from "./DateTimeField.types.js";
|
package/TimeField/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { TimeField } from "./TimeField.js";
|
|
2
2
|
export { useTimeField as unstable_useTimeField } from "./useTimeField.js";
|
|
3
|
-
export type { UseTimeFieldProps, TimeFieldProps } from "./TimeField.types.js";
|
|
3
|
+
export type { UseTimeFieldProps, TimeFieldProps, TimeFieldSlots, TimeFieldSlotProps } from "./TimeField.types.js";
|
|
@@ -63,7 +63,7 @@ export declare class AdapterDayjs implements MuiPickersAdapter<string> {
|
|
|
63
63
|
* We have to parse again the value to make sure the `fixOffset` method is applied.
|
|
64
64
|
* See https://github.com/iamkun/dayjs/blob/b3624de619d6e734cd0ffdbbd3502185041c1b60/src/plugin/timezone/index.js#L72
|
|
65
65
|
*/
|
|
66
|
-
|
|
66
|
+
protected adjustOffset: (value: Dayjs) => dayjs.Dayjs;
|
|
67
67
|
date: <T extends string | null | undefined>(value?: T, timezone?: PickersTimezone) => DateBuilderReturnType<T>;
|
|
68
68
|
getInvalidDate: () => dayjs.Dayjs;
|
|
69
69
|
getTimezone: (value: Dayjs) => string;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import dayjs, { Dayjs } from 'dayjs';
|
|
2
|
+
import { AdapterDayjs } from "../AdapterDayjs/index.js";
|
|
3
|
+
import { AdapterOptions } from "../models/index.js";
|
|
4
|
+
declare module '@mui/x-date-pickers/models' {
|
|
5
|
+
interface PickerValidDateLookup {
|
|
6
|
+
'dayjs-buddhist': Dayjs;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Adapter for dayjs with Buddhist Era calendar support.
|
|
11
|
+
* Buddhist Era is used in Thailand and other Southeast Asian countries.
|
|
12
|
+
* It uses the same months and days as the Gregorian calendar but with a year offset of 543.
|
|
13
|
+
*/
|
|
14
|
+
export declare class AdapterDayjsBuddhist extends AdapterDayjs {
|
|
15
|
+
constructor({
|
|
16
|
+
locale,
|
|
17
|
+
formats
|
|
18
|
+
}?: AdapterOptions<string, never>);
|
|
19
|
+
/**
|
|
20
|
+
* Returns the Buddhist year (Gregorian year + 543)
|
|
21
|
+
*/
|
|
22
|
+
getYear: (value: Dayjs) => number;
|
|
23
|
+
/**
|
|
24
|
+
* Sets the Buddhist year (converts to Gregorian year internally)
|
|
25
|
+
*/
|
|
26
|
+
setYear: (value: Dayjs, year: number) => dayjs.Dayjs;
|
|
27
|
+
/**
|
|
28
|
+
* Parses a date string with Buddhist year support.
|
|
29
|
+
* The buddhistEra plugin only supports formatting, not parsing,
|
|
30
|
+
* so we convert BBBB/BB to YYYY/YY and adjust the year after parsing.
|
|
31
|
+
*/
|
|
32
|
+
parse: (value: string, format: string) => dayjs.Dayjs | null;
|
|
33
|
+
}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
/* v8 ignore start */
|
|
3
|
+
import dayjs from 'dayjs';
|
|
4
|
+
// dayjs has no exports field defined
|
|
5
|
+
// See https://github.com/iamkun/dayjs/issues/2562
|
|
6
|
+
/* eslint-disable import/extensions */
|
|
7
|
+
import buddhistEraPlugin from 'dayjs/plugin/buddhistEra.js';
|
|
8
|
+
/* v8 ignore stop */
|
|
9
|
+
/* eslint-enable import/extensions */
|
|
10
|
+
import { AdapterDayjs } from "../AdapterDayjs/index.js";
|
|
11
|
+
dayjs.extend(buddhistEraPlugin);
|
|
12
|
+
const BUDDHIST_YEAR_OFFSET = 543;
|
|
13
|
+
const buddhistTokens = {
|
|
14
|
+
BB: 'year',
|
|
15
|
+
BBBB: {
|
|
16
|
+
sectionType: 'year',
|
|
17
|
+
contentType: 'digit',
|
|
18
|
+
maxLength: 4
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
const buddhistFormats = {
|
|
22
|
+
year: 'BBBB',
|
|
23
|
+
fullDate: 'D MMM BBBB',
|
|
24
|
+
keyboardDate: 'DD/MM/BBBB',
|
|
25
|
+
keyboardDateTime12h: 'DD/MM/BBBB hh:mm A',
|
|
26
|
+
keyboardDateTime24h: 'DD/MM/BBBB HH:mm'
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* Adapter for dayjs with Buddhist Era calendar support.
|
|
30
|
+
* Buddhist Era is used in Thailand and other Southeast Asian countries.
|
|
31
|
+
* It uses the same months and days as the Gregorian calendar but with a year offset of 543.
|
|
32
|
+
*/
|
|
33
|
+
export class AdapterDayjsBuddhist extends AdapterDayjs {
|
|
34
|
+
constructor({
|
|
35
|
+
locale,
|
|
36
|
+
formats
|
|
37
|
+
} = {}) {
|
|
38
|
+
super({
|
|
39
|
+
locale,
|
|
40
|
+
formats: _extends({}, buddhistFormats, formats)
|
|
41
|
+
});
|
|
42
|
+
this.lib = 'dayjs-buddhist';
|
|
43
|
+
this.formatTokenMap = _extends({}, this.formatTokenMap, buddhistTokens);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* Returns the Buddhist year (Gregorian year + 543)
|
|
48
|
+
*/
|
|
49
|
+
getYear = value => {
|
|
50
|
+
return value.year() + BUDDHIST_YEAR_OFFSET;
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Sets the Buddhist year (converts to Gregorian year internally)
|
|
55
|
+
*/
|
|
56
|
+
setYear = (value, year) => {
|
|
57
|
+
return this.adjustOffset(value.set('year', year - BUDDHIST_YEAR_OFFSET));
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* Parses a date string with Buddhist year support.
|
|
62
|
+
* The buddhistEra plugin only supports formatting, not parsing,
|
|
63
|
+
* so we convert BBBB/BB to YYYY/YY and adjust the year after parsing.
|
|
64
|
+
*/
|
|
65
|
+
parse = (value, format) => {
|
|
66
|
+
if (value === '') {
|
|
67
|
+
return null;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
// Check if format contains Buddhist year tokens
|
|
71
|
+
const hasBuddhistYear = /BBBB|BB/.test(format);
|
|
72
|
+
|
|
73
|
+
// dayjs can't parse BBBB/BB tokens, replace with YYYY/YY
|
|
74
|
+
const parseFormat = hasBuddhistYear ? format.replace(/BBBB/g, 'YYYY').replace(/BB/g, 'YY') : format;
|
|
75
|
+
const parsed = dayjs(value, parseFormat, this.locale, true);
|
|
76
|
+
if (!parsed.isValid() || !hasBuddhistYear) {
|
|
77
|
+
return parsed;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
// Convert Buddhist year input to Gregorian
|
|
81
|
+
return parsed.subtract(BUDDHIST_YEAR_OFFSET, 'year');
|
|
82
|
+
};
|
|
83
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AdapterDayjsBuddhist } from "./AdapterDayjsBuddhist.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AdapterDayjsBuddhist } from "./AdapterDayjsBuddhist.js";
|
package/esm/DateField/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { DateField } from "./DateField.js";
|
|
2
2
|
export { useDateField as unstable_useDateField } from "./useDateField.js";
|
|
3
|
-
export type { UseDateFieldProps, DateFieldProps } from "./DateField.types.js";
|
|
3
|
+
export type { UseDateFieldProps, DateFieldProps, DateFieldSlots, DateFieldSlotProps } from "./DateField.types.js";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { DateTimeField } from "./DateTimeField.js";
|
|
2
2
|
export { useDateTimeField as unstable_useDateTimeField } from "./useDateTimeField.js";
|
|
3
|
-
export type { UseDateTimeFieldProps, DateTimeFieldProps } from "./DateTimeField.types.js";
|
|
3
|
+
export type { UseDateTimeFieldProps, DateTimeFieldProps, DateTimeFieldSlots, DateTimeFieldSlotProps } from "./DateTimeField.types.js";
|
package/esm/TimeField/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { TimeField } from "./TimeField.js";
|
|
2
2
|
export { useTimeField as unstable_useTimeField } from "./useTimeField.js";
|
|
3
|
-
export type { UseTimeFieldProps, TimeFieldProps } from "./TimeField.types.js";
|
|
3
|
+
export type { UseTimeFieldProps, TimeFieldProps, TimeFieldSlots, TimeFieldSlotProps } from "./TimeField.types.js";
|
package/esm/index.js
CHANGED
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { TimeViewWithMeridiem } from "../internals/models/index.js";
|
|
2
|
+
export declare const thTH: {
|
|
3
|
+
components: {
|
|
4
|
+
MuiLocalizationProvider: {
|
|
5
|
+
defaultProps: {
|
|
6
|
+
localeText: {
|
|
7
|
+
previousMonth?: string | undefined;
|
|
8
|
+
nextMonth?: string | undefined;
|
|
9
|
+
calendarWeekNumberHeaderLabel?: string | undefined;
|
|
10
|
+
calendarWeekNumberHeaderText?: string | undefined;
|
|
11
|
+
calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
|
|
12
|
+
calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
|
|
13
|
+
openPreviousView?: string | undefined;
|
|
14
|
+
openNextView?: string | undefined;
|
|
15
|
+
calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
|
|
16
|
+
start?: string | undefined;
|
|
17
|
+
end?: string | undefined;
|
|
18
|
+
startDate?: string | undefined;
|
|
19
|
+
startTime?: string | undefined;
|
|
20
|
+
endDate?: string | undefined;
|
|
21
|
+
endTime?: string | undefined;
|
|
22
|
+
cancelButtonLabel?: string | undefined;
|
|
23
|
+
clearButtonLabel?: string | undefined;
|
|
24
|
+
okButtonLabel?: string | undefined;
|
|
25
|
+
todayButtonLabel?: string | undefined;
|
|
26
|
+
nextStepButtonLabel?: string | undefined;
|
|
27
|
+
clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
|
|
28
|
+
hoursClockNumberText?: ((hours: string) => string) | undefined;
|
|
29
|
+
minutesClockNumberText?: ((minutes: string) => string) | undefined;
|
|
30
|
+
secondsClockNumberText?: ((seconds: string) => string) | undefined;
|
|
31
|
+
selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
|
|
32
|
+
openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
|
|
33
|
+
openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
|
|
34
|
+
openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
|
|
35
|
+
fieldClearLabel?: string | undefined;
|
|
36
|
+
timeTableLabel?: string | undefined;
|
|
37
|
+
dateTableLabel?: string | undefined;
|
|
38
|
+
fieldYearPlaceholder?: ((params: {
|
|
39
|
+
digitAmount: number;
|
|
40
|
+
format: string;
|
|
41
|
+
}) => string) | undefined;
|
|
42
|
+
fieldMonthPlaceholder?: ((params: {
|
|
43
|
+
contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
|
|
44
|
+
format: string;
|
|
45
|
+
}) => string) | undefined;
|
|
46
|
+
fieldDayPlaceholder?: ((params: {
|
|
47
|
+
format: string;
|
|
48
|
+
}) => string) | undefined;
|
|
49
|
+
fieldWeekDayPlaceholder?: ((params: {
|
|
50
|
+
contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
|
|
51
|
+
format: string;
|
|
52
|
+
}) => string) | undefined;
|
|
53
|
+
fieldHoursPlaceholder?: ((params: {
|
|
54
|
+
format: string;
|
|
55
|
+
}) => string) | undefined;
|
|
56
|
+
fieldMinutesPlaceholder?: ((params: {
|
|
57
|
+
format: string;
|
|
58
|
+
}) => string) | undefined;
|
|
59
|
+
fieldSecondsPlaceholder?: ((params: {
|
|
60
|
+
format: string;
|
|
61
|
+
}) => string) | undefined;
|
|
62
|
+
fieldMeridiemPlaceholder?: ((params: {
|
|
63
|
+
format: string;
|
|
64
|
+
}) => string) | undefined;
|
|
65
|
+
year?: string | undefined;
|
|
66
|
+
month?: string | undefined;
|
|
67
|
+
day?: string | undefined;
|
|
68
|
+
weekDay?: string | undefined;
|
|
69
|
+
hours?: string | undefined;
|
|
70
|
+
minutes?: string | undefined;
|
|
71
|
+
seconds?: string | undefined;
|
|
72
|
+
meridiem?: string | undefined;
|
|
73
|
+
empty?: string | undefined;
|
|
74
|
+
datePickerToolbarTitle?: string | undefined;
|
|
75
|
+
timePickerToolbarTitle?: string | undefined;
|
|
76
|
+
dateTimePickerToolbarTitle?: string | undefined;
|
|
77
|
+
dateRangePickerToolbarTitle?: string | undefined;
|
|
78
|
+
timeRangePickerToolbarTitle?: string | undefined;
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { getPickersLocalization } from "./utils/getPickersLocalization.js";
|
|
2
|
+
const views = {
|
|
3
|
+
hours: 'ชั่วโมง',
|
|
4
|
+
minutes: 'นาที',
|
|
5
|
+
seconds: 'วินาที',
|
|
6
|
+
meridiem: 'ช่วงเวลา'
|
|
7
|
+
};
|
|
8
|
+
const thTHPickers = {
|
|
9
|
+
// Calendar navigation
|
|
10
|
+
previousMonth: 'เดือนก่อนหน้า',
|
|
11
|
+
nextMonth: 'เดือนถัดไป',
|
|
12
|
+
// View navigation
|
|
13
|
+
openPreviousView: 'เปิดมุมมองก่อนหน้า',
|
|
14
|
+
openNextView: 'เปิดมุมมองถัดไป',
|
|
15
|
+
calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'มุมมองปีเปิดอยู่ สลับไปมุมมองปฏิทิน' : 'มุมมองปฏิทินเปิดอยู่ สลับไปมุมมองปี',
|
|
16
|
+
// DateRange labels
|
|
17
|
+
start: 'เริ่มต้น',
|
|
18
|
+
end: 'สิ้นสุด',
|
|
19
|
+
startDate: 'วันที่เริ่มต้น',
|
|
20
|
+
startTime: 'เวลาเริ่มต้น',
|
|
21
|
+
endDate: 'วันที่สิ้นสุด',
|
|
22
|
+
endTime: 'เวลาสิ้นสุด',
|
|
23
|
+
// Action bar
|
|
24
|
+
cancelButtonLabel: 'ยกเลิก',
|
|
25
|
+
clearButtonLabel: 'ล้าง',
|
|
26
|
+
okButtonLabel: 'ตกลง',
|
|
27
|
+
todayButtonLabel: 'วันนี้',
|
|
28
|
+
nextStepButtonLabel: 'ถัดไป',
|
|
29
|
+
// Toolbar titles
|
|
30
|
+
datePickerToolbarTitle: 'เลือกวันที่',
|
|
31
|
+
dateTimePickerToolbarTitle: 'เลือกวันที่และเวลา',
|
|
32
|
+
timePickerToolbarTitle: 'เลือกเวลา',
|
|
33
|
+
dateRangePickerToolbarTitle: 'เลือกช่วงวันที่',
|
|
34
|
+
timeRangePickerToolbarTitle: 'เลือกช่วงเวลา',
|
|
35
|
+
// Clock labels
|
|
36
|
+
clockLabelText: (view, formattedTime) => `เลือก${views[view]} ${!formattedTime ? 'ยังไม่ได้เลือกเวลา' : `เวลาที่เลือกคือ ${formattedTime}`}`,
|
|
37
|
+
hoursClockNumberText: hours => `${hours} ชั่วโมง`,
|
|
38
|
+
minutesClockNumberText: minutes => `${minutes} นาที`,
|
|
39
|
+
secondsClockNumberText: seconds => `${seconds} วินาที`,
|
|
40
|
+
// Digital clock labels
|
|
41
|
+
selectViewText: view => `เลือก${views[view]}`,
|
|
42
|
+
// Calendar labels
|
|
43
|
+
calendarWeekNumberHeaderLabel: 'หมายเลขสัปดาห์',
|
|
44
|
+
calendarWeekNumberHeaderText: '#',
|
|
45
|
+
calendarWeekNumberAriaLabelText: weekNumber => `สัปดาห์ที่ ${weekNumber}`,
|
|
46
|
+
calendarWeekNumberText: weekNumber => `${weekNumber}`,
|
|
47
|
+
// Open Picker labels
|
|
48
|
+
openDatePickerDialogue: formattedDate => formattedDate ? `เลือกวันที่ วันที่ที่เลือกคือ ${formattedDate}` : 'เลือกวันที่',
|
|
49
|
+
openTimePickerDialogue: formattedTime => formattedTime ? `เลือกเวลา เวลาที่เลือกคือ ${formattedTime}` : 'เลือกเวลา',
|
|
50
|
+
openRangePickerDialogue: formattedRange => formattedRange ? `เลือกช่วง ช่วงที่เลือกคือ ${formattedRange}` : 'เลือกช่วง',
|
|
51
|
+
fieldClearLabel: 'ล้าง',
|
|
52
|
+
// Table labels
|
|
53
|
+
timeTableLabel: 'เลือกเวลา',
|
|
54
|
+
dateTableLabel: 'เลือกวันที่',
|
|
55
|
+
// Field section placeholders
|
|
56
|
+
fieldYearPlaceholder: params => 'ป'.repeat(params.digitAmount),
|
|
57
|
+
fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'ดดดด' : 'ดด',
|
|
58
|
+
fieldDayPlaceholder: () => 'วว',
|
|
59
|
+
fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'วววว' : 'วว',
|
|
60
|
+
fieldHoursPlaceholder: () => 'ชช',
|
|
61
|
+
fieldMinutesPlaceholder: () => 'นน',
|
|
62
|
+
fieldSecondsPlaceholder: () => 'วว',
|
|
63
|
+
fieldMeridiemPlaceholder: () => 'ทท',
|
|
64
|
+
// View names
|
|
65
|
+
year: 'ปี',
|
|
66
|
+
month: 'เดือน',
|
|
67
|
+
day: 'วัน',
|
|
68
|
+
weekDay: 'วันในสัปดาห์',
|
|
69
|
+
hours: 'ชั่วโมง',
|
|
70
|
+
minutes: 'นาที',
|
|
71
|
+
seconds: 'วินาที',
|
|
72
|
+
meridiem: 'ช่วงเวลา',
|
|
73
|
+
// Common
|
|
74
|
+
empty: 'ว่างเปล่า'
|
|
75
|
+
};
|
|
76
|
+
export const thTH = getPickersLocalization(thTHPickers);
|
package/index.js
CHANGED
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { TimeViewWithMeridiem } from "../internals/models/index.js";
|
|
2
|
+
export declare const thTH: {
|
|
3
|
+
components: {
|
|
4
|
+
MuiLocalizationProvider: {
|
|
5
|
+
defaultProps: {
|
|
6
|
+
localeText: {
|
|
7
|
+
previousMonth?: string | undefined;
|
|
8
|
+
nextMonth?: string | undefined;
|
|
9
|
+
calendarWeekNumberHeaderLabel?: string | undefined;
|
|
10
|
+
calendarWeekNumberHeaderText?: string | undefined;
|
|
11
|
+
calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
|
|
12
|
+
calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
|
|
13
|
+
openPreviousView?: string | undefined;
|
|
14
|
+
openNextView?: string | undefined;
|
|
15
|
+
calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
|
|
16
|
+
start?: string | undefined;
|
|
17
|
+
end?: string | undefined;
|
|
18
|
+
startDate?: string | undefined;
|
|
19
|
+
startTime?: string | undefined;
|
|
20
|
+
endDate?: string | undefined;
|
|
21
|
+
endTime?: string | undefined;
|
|
22
|
+
cancelButtonLabel?: string | undefined;
|
|
23
|
+
clearButtonLabel?: string | undefined;
|
|
24
|
+
okButtonLabel?: string | undefined;
|
|
25
|
+
todayButtonLabel?: string | undefined;
|
|
26
|
+
nextStepButtonLabel?: string | undefined;
|
|
27
|
+
clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
|
|
28
|
+
hoursClockNumberText?: ((hours: string) => string) | undefined;
|
|
29
|
+
minutesClockNumberText?: ((minutes: string) => string) | undefined;
|
|
30
|
+
secondsClockNumberText?: ((seconds: string) => string) | undefined;
|
|
31
|
+
selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
|
|
32
|
+
openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
|
|
33
|
+
openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
|
|
34
|
+
openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
|
|
35
|
+
fieldClearLabel?: string | undefined;
|
|
36
|
+
timeTableLabel?: string | undefined;
|
|
37
|
+
dateTableLabel?: string | undefined;
|
|
38
|
+
fieldYearPlaceholder?: ((params: {
|
|
39
|
+
digitAmount: number;
|
|
40
|
+
format: string;
|
|
41
|
+
}) => string) | undefined;
|
|
42
|
+
fieldMonthPlaceholder?: ((params: {
|
|
43
|
+
contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
|
|
44
|
+
format: string;
|
|
45
|
+
}) => string) | undefined;
|
|
46
|
+
fieldDayPlaceholder?: ((params: {
|
|
47
|
+
format: string;
|
|
48
|
+
}) => string) | undefined;
|
|
49
|
+
fieldWeekDayPlaceholder?: ((params: {
|
|
50
|
+
contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
|
|
51
|
+
format: string;
|
|
52
|
+
}) => string) | undefined;
|
|
53
|
+
fieldHoursPlaceholder?: ((params: {
|
|
54
|
+
format: string;
|
|
55
|
+
}) => string) | undefined;
|
|
56
|
+
fieldMinutesPlaceholder?: ((params: {
|
|
57
|
+
format: string;
|
|
58
|
+
}) => string) | undefined;
|
|
59
|
+
fieldSecondsPlaceholder?: ((params: {
|
|
60
|
+
format: string;
|
|
61
|
+
}) => string) | undefined;
|
|
62
|
+
fieldMeridiemPlaceholder?: ((params: {
|
|
63
|
+
format: string;
|
|
64
|
+
}) => string) | undefined;
|
|
65
|
+
year?: string | undefined;
|
|
66
|
+
month?: string | undefined;
|
|
67
|
+
day?: string | undefined;
|
|
68
|
+
weekDay?: string | undefined;
|
|
69
|
+
hours?: string | undefined;
|
|
70
|
+
minutes?: string | undefined;
|
|
71
|
+
seconds?: string | undefined;
|
|
72
|
+
meridiem?: string | undefined;
|
|
73
|
+
empty?: string | undefined;
|
|
74
|
+
datePickerToolbarTitle?: string | undefined;
|
|
75
|
+
timePickerToolbarTitle?: string | undefined;
|
|
76
|
+
dateTimePickerToolbarTitle?: string | undefined;
|
|
77
|
+
dateRangePickerToolbarTitle?: string | undefined;
|
|
78
|
+
timeRangePickerToolbarTitle?: string | undefined;
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
};
|
package/locales/thTH.js
ADDED
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.thTH = void 0;
|
|
7
|
+
var _getPickersLocalization = require("./utils/getPickersLocalization");
|
|
8
|
+
const views = {
|
|
9
|
+
hours: 'ชั่วโมง',
|
|
10
|
+
minutes: 'นาที',
|
|
11
|
+
seconds: 'วินาที',
|
|
12
|
+
meridiem: 'ช่วงเวลา'
|
|
13
|
+
};
|
|
14
|
+
const thTHPickers = {
|
|
15
|
+
// Calendar navigation
|
|
16
|
+
previousMonth: 'เดือนก่อนหน้า',
|
|
17
|
+
nextMonth: 'เดือนถัดไป',
|
|
18
|
+
// View navigation
|
|
19
|
+
openPreviousView: 'เปิดมุมมองก่อนหน้า',
|
|
20
|
+
openNextView: 'เปิดมุมมองถัดไป',
|
|
21
|
+
calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'มุมมองปีเปิดอยู่ สลับไปมุมมองปฏิทิน' : 'มุมมองปฏิทินเปิดอยู่ สลับไปมุมมองปี',
|
|
22
|
+
// DateRange labels
|
|
23
|
+
start: 'เริ่มต้น',
|
|
24
|
+
end: 'สิ้นสุด',
|
|
25
|
+
startDate: 'วันที่เริ่มต้น',
|
|
26
|
+
startTime: 'เวลาเริ่มต้น',
|
|
27
|
+
endDate: 'วันที่สิ้นสุด',
|
|
28
|
+
endTime: 'เวลาสิ้นสุด',
|
|
29
|
+
// Action bar
|
|
30
|
+
cancelButtonLabel: 'ยกเลิก',
|
|
31
|
+
clearButtonLabel: 'ล้าง',
|
|
32
|
+
okButtonLabel: 'ตกลง',
|
|
33
|
+
todayButtonLabel: 'วันนี้',
|
|
34
|
+
nextStepButtonLabel: 'ถัดไป',
|
|
35
|
+
// Toolbar titles
|
|
36
|
+
datePickerToolbarTitle: 'เลือกวันที่',
|
|
37
|
+
dateTimePickerToolbarTitle: 'เลือกวันที่และเวลา',
|
|
38
|
+
timePickerToolbarTitle: 'เลือกเวลา',
|
|
39
|
+
dateRangePickerToolbarTitle: 'เลือกช่วงวันที่',
|
|
40
|
+
timeRangePickerToolbarTitle: 'เลือกช่วงเวลา',
|
|
41
|
+
// Clock labels
|
|
42
|
+
clockLabelText: (view, formattedTime) => `เลือก${views[view]} ${!formattedTime ? 'ยังไม่ได้เลือกเวลา' : `เวลาที่เลือกคือ ${formattedTime}`}`,
|
|
43
|
+
hoursClockNumberText: hours => `${hours} ชั่วโมง`,
|
|
44
|
+
minutesClockNumberText: minutes => `${minutes} นาที`,
|
|
45
|
+
secondsClockNumberText: seconds => `${seconds} วินาที`,
|
|
46
|
+
// Digital clock labels
|
|
47
|
+
selectViewText: view => `เลือก${views[view]}`,
|
|
48
|
+
// Calendar labels
|
|
49
|
+
calendarWeekNumberHeaderLabel: 'หมายเลขสัปดาห์',
|
|
50
|
+
calendarWeekNumberHeaderText: '#',
|
|
51
|
+
calendarWeekNumberAriaLabelText: weekNumber => `สัปดาห์ที่ ${weekNumber}`,
|
|
52
|
+
calendarWeekNumberText: weekNumber => `${weekNumber}`,
|
|
53
|
+
// Open Picker labels
|
|
54
|
+
openDatePickerDialogue: formattedDate => formattedDate ? `เลือกวันที่ วันที่ที่เลือกคือ ${formattedDate}` : 'เลือกวันที่',
|
|
55
|
+
openTimePickerDialogue: formattedTime => formattedTime ? `เลือกเวลา เวลาที่เลือกคือ ${formattedTime}` : 'เลือกเวลา',
|
|
56
|
+
openRangePickerDialogue: formattedRange => formattedRange ? `เลือกช่วง ช่วงที่เลือกคือ ${formattedRange}` : 'เลือกช่วง',
|
|
57
|
+
fieldClearLabel: 'ล้าง',
|
|
58
|
+
// Table labels
|
|
59
|
+
timeTableLabel: 'เลือกเวลา',
|
|
60
|
+
dateTableLabel: 'เลือกวันที่',
|
|
61
|
+
// Field section placeholders
|
|
62
|
+
fieldYearPlaceholder: params => 'ป'.repeat(params.digitAmount),
|
|
63
|
+
fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'ดดดด' : 'ดด',
|
|
64
|
+
fieldDayPlaceholder: () => 'วว',
|
|
65
|
+
fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'วววว' : 'วว',
|
|
66
|
+
fieldHoursPlaceholder: () => 'ชช',
|
|
67
|
+
fieldMinutesPlaceholder: () => 'นน',
|
|
68
|
+
fieldSecondsPlaceholder: () => 'วว',
|
|
69
|
+
fieldMeridiemPlaceholder: () => 'ทท',
|
|
70
|
+
// View names
|
|
71
|
+
year: 'ปี',
|
|
72
|
+
month: 'เดือน',
|
|
73
|
+
day: 'วัน',
|
|
74
|
+
weekDay: 'วันในสัปดาห์',
|
|
75
|
+
hours: 'ชั่วโมง',
|
|
76
|
+
minutes: 'นาที',
|
|
77
|
+
seconds: 'วินาที',
|
|
78
|
+
meridiem: 'ช่วงเวลา',
|
|
79
|
+
// Common
|
|
80
|
+
empty: 'ว่างเปล่า'
|
|
81
|
+
};
|
|
82
|
+
const thTH = exports.thTH = (0, _getPickersLocalization.getPickersLocalization)(thTHPickers);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-date-pickers",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "9.0.0-alpha.0",
|
|
4
4
|
"author": "MUI Team",
|
|
5
5
|
"description": "The community edition of the MUI X Date and Time Picker components.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -33,13 +33,13 @@
|
|
|
33
33
|
"directory": "packages/x-date-pickers"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@babel/runtime": "^7.28.
|
|
37
|
-
"@mui/utils": "^7.3.
|
|
36
|
+
"@babel/runtime": "^7.28.6",
|
|
37
|
+
"@mui/utils": "^7.3.7",
|
|
38
38
|
"@types/react-transition-group": "^4.4.12",
|
|
39
39
|
"clsx": "^2.1.1",
|
|
40
40
|
"prop-types": "^15.8.1",
|
|
41
41
|
"react-transition-group": "^4.4.5",
|
|
42
|
-
"@mui/x-internals": "
|
|
42
|
+
"@mui/x-internals": "9.0.0-alpha.0"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"@emotion/react": "^11.9.0",
|