@cainiaofe/cn-ui-m
Version:
34 lines (33 loc) • 3.25 kB
JavaScript
import React from 'react';
import { CnDatePickerPro, CnRangeDatePickerPro, CnWeekPickerPro, CnQuarterPickerPro, CnMonthPickerPro, CnYearPickerPro, CnDemoBlock, CnDemoPage, CnLocalizationProvider, } from "../../..";
export var 国际化 = function () {
return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnLocalizationProvider, { dateAdapterLocale: "en-US" },
React.createElement(CnDemoBlock, { title: "\u65E5\u671F\u65F6\u95F4\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnDatePickerPro, { onChange: console.log, precision: "second", showTime: true }),
React.createElement(CnDatePickerPro, { onChange: console.log, precision: "second", showTime: true, value: 1724928771178, mode: "calendar" })),
React.createElement(CnDemoBlock, { title: "\u65E5\u671F\u65F6\u95F4\u8303\u56F4\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnRangeDatePickerPro, { onChange: console.log, mode: "second", defaultValue: [1724837668939, null], showTime: true })),
React.createElement(CnDemoBlock, { title: "\u65E5\u671F\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnDatePickerPro, { onChange: console.log, precision: "day" }),
React.createElement(CnDatePickerPro, { onChange: console.log, precision: "day", endOfDay: true, mode: "calendar" })),
React.createElement(CnDemoBlock, { title: "\u65E5\u671F\u8303\u56F4\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnRangeDatePickerPro, { onChange: console.log, endOfDay: [true, false] })),
React.createElement(CnDemoBlock, { title: "\u5468\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnWeekPickerPro, { onChange: console.log })),
React.createElement(CnDemoBlock, { title: "\u5468\u8303\u56F4\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnRangeDatePickerPro, { onChange: console.log, mode: "week" })),
React.createElement(CnDemoBlock, { title: "\u6708\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnMonthPickerPro, { onChange: console.log })),
React.createElement(CnDemoBlock, { title: "\u6708\u8303\u56F4\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnRangeDatePickerPro, { onChange: console.log, mode: "month" })),
React.createElement(CnDemoBlock, { title: "\u5B63\u5EA6\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnQuarterPickerPro, { onChange: console.log })),
React.createElement(CnDemoBlock, { title: "\u5B63\u5EA6\u8303\u56F4\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnRangeDatePickerPro, { onChange: console.log, mode: "quarter" })),
React.createElement(CnDemoBlock, { title: "\u5E74\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnYearPickerPro, { onChange: console.log })),
React.createElement(CnDemoBlock, { title: "\u5E74\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnRangeDatePickerPro, { onChange: console.log, mode: "year" })))));
};
export default { title: 'demo/CnDatePickerPro' };