-
- 'extra footer'}
- />
-
-
-
-
-
-
+export default () => (
+
+
+
+ {mode} extra footer}
+ />
+
+
+
disabled today select time
+
current && current <= moment()}
+ onSelect={onStandaloneSelect}
+ renderFooter={mode => {mode} extra footer}
+ />
+
+
+
+
+
+
+
+
+
+
+
-
-
), document.getElementById('__react-content'));
+);
diff --git a/examples/antd-month-calendar.html b/examples/antd-month-calendar.html
deleted file mode 100644
index b3a425249..000000000
--- a/examples/antd-month-calendar.html
+++ /dev/null
@@ -1 +0,0 @@
-placeholder
\ No newline at end of file
diff --git a/examples/antd-month-calendar.js b/examples/antd-month-calendar.js
index 15ed13f29..a84a0f971 100644
--- a/examples/antd-month-calendar.js
+++ b/examples/antd-month-calendar.js
@@ -1,21 +1,19 @@
/* eslint react/no-multi-comp:0, no-console:0 */
-import 'rc-calendar/assets/index.less';
+import '../assets/index.less';
import React from 'react';
-import ReactDOM from 'react-dom';
-import PropTypes from 'prop-types';
-import MonthCalendar from 'rc-calendar/src/MonthCalendar';
-import DatePicker from 'rc-calendar/src/Picker';
+import moment from 'moment';
+import MonthCalendar from '../src/MonthCalendar';
+import DatePicker from '../src/Picker';
-import zhCN from 'rc-calendar/src/locale/zh_CN';
-import enUS from 'rc-calendar/src/locale/en_US';
+import zhCN from '../src/locale/zh_CN';
+import enUS from '../src/locale/en_US';
-import moment from 'moment';
import 'moment/locale/zh-cn';
import 'moment/locale/en-gb';
const format = 'YYYY-MM';
-const cn = location.search.indexOf('cn') !== -1;
+const cn = window.location.search.indexOf('cn') !== -1;
const now = moment();
if (cn) {
@@ -28,100 +26,88 @@ const defaultCalendarValue = now.clone();
defaultCalendarValue.add(-1, 'month');
class Demo extends React.Component {
- static propTypes = {
- defaultValue: PropTypes.object,
- }
-
constructor(props) {
super(props);
this.state = {
- showTime: true,
disabled: false,
value: props.defaultValue,
};
}
- onChange = (value) => {
+ onChange = value => {
console.log(`DatePicker change: ${value && value.format(format)}`);
this.setState({
value,
});
- }
-
- onShowTimeChange = (e) => {
- this.setState({
- showTime: e.target.checked,
- });
- }
+ };
toggleDisabled = () => {
+ const { disabled } = this.state;
this.setState({
- disabled: !this.state.disabled,
+ disabled: !disabled,
});
- }
+ };
render() {
- const state = this.state;
- const calendar = (
);
- return (
-
-
-
-
-
);
+ );
}
}
function onStandaloneSelect(value) {
- console.log('month-calendar select', (value && value.format(format)));
+ console.log('month-calendar select', value && value.format(format));
}
function onStandaloneChange(value) {
- console.log('month-calendar change', (value && value.format(format)));
+ console.log('month-calendar change', value && value.format(format));
}
function disabledDate(value) {
- return value.year() > now.year() ||
- value.year() === now.year() && value.month() > now.month();
+ return value.year() > now.year() || (value.year() === now.year() && value.month() > now.month());
}
function onMonthCellContentRender(value) {
@@ -129,8 +115,8 @@ function onMonthCellContentRender(value) {
return `${value.month() + 1}月`;
}
-ReactDOM.render(
- (
)
- , document.getElementById('__react-content'));
+
+);
diff --git a/examples/antd-range-calendar.html b/examples/antd-range-calendar.html
deleted file mode 100644
index b3a425249..000000000
--- a/examples/antd-range-calendar.html
+++ /dev/null
@@ -1 +0,0 @@
-placeholder
\ No newline at end of file
diff --git a/examples/antd-range-calendar.js b/examples/antd-range-calendar.js
index 717d77a19..ec7e52486 100644
--- a/examples/antd-range-calendar.js
+++ b/examples/antd-range-calendar.js
@@ -1,20 +1,20 @@
/* eslint react/no-multi-comp:0, no-console:0 */
import React from 'react';
-import ReactDOM from 'react-dom';
-import Picker from 'rc-calendar/src/Picker';
-import RangeCalendar from 'rc-calendar/src/RangeCalendar';
-import zhCN from 'rc-calendar/src/locale/zh_CN';
-import enUS from 'rc-calendar/src/locale/en_US';
+import moment from 'moment';
import TimePickerPanel from 'rc-time-picker/lib/Panel';
-import 'rc-calendar/assets/index.less';
+
+import Picker from '../src/Picker';
+import RangeCalendar from '../src/RangeCalendar';
+import zhCN from '../src/locale/zh_CN';
+import enUS from '../src/locale/en_US';
+import '../assets/index.less';
import 'rc-time-picker/assets/index.css';
-import moment from 'moment';
import 'moment/locale/zh-cn';
import 'moment/locale/en-gb';
-const cn = location.search.indexOf('cn') !== -1;
+const cn = window.location.search.indexOf('cn') !== -1;
if (cn) {
moment.locale('zh-cn');
@@ -40,7 +40,7 @@ const timePickerElement = (
function newArray(start, end) {
const result = [];
- for (let i = start; i < end; i++) {
+ for (let i = start; i < end; i += 1) {
result.push(i);
}
return result;
@@ -51,7 +51,7 @@ function disabledDate(current) {
date.hour(0);
date.minute(0);
date.second(0);
- return current.isBefore(date); // can not select days before today
+ return current.isBefore(date); // can not select days before today
}
function disabledTime(time, type) {
@@ -66,7 +66,8 @@ function disabledTime(time, type) {
disabledMinutes(h) {
if (h === 20) {
return newArray(0, 31);
- } else if (h === 23) {
+ }
+ if (h === 23) {
return newArray(30, 60);
}
return [];
@@ -85,7 +86,8 @@ function disabledTime(time, type) {
disabledMinutes(h) {
if (h === 20) {
return newArray(0, 31);
- } else if (h === 23) {
+ }
+ if (h === 23) {
return newArray(30, 60);
}
return [];
@@ -119,19 +121,19 @@ class Demo extends React.Component {
state = {
value: [],
hoverValue: [],
- }
+ };
- onChange = (value) => {
+ onChange = value => {
console.log('onChange', value);
this.setState({ value });
- }
+ };
- onHoverChange = (hoverValue) => {
+ onHoverChange = hoverValue => {
this.setState({ hoverValue });
- }
+ };
render() {
- const state = this.state;
+ const { state } = this;
const calendar = (
);
return (
-
- {
- ({ value }) => {
- return (
-
- );
- }
- }
- );
+
+ {({ value }) => (
+
+
+
+ )}
+
+ );
}
}
-ReactDOM.render(
+export default () => (
calendar
@@ -194,4 +190,5 @@ ReactDOM.render(
-
, document.getElementById('__react-content'));
+
+);
diff --git a/examples/baisc.js b/examples/baisc.js
new file mode 100644
index 000000000..1333b4626
--- /dev/null
+++ b/examples/baisc.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import Calendar from '../src';
+import MonthCalendar from '../src/MonthCalendar';
+
+export default () => (
+ <>
+
{
+ console.log(value);
+ }}
+ />
+ console.log(rest, ca)} />
+
+);
diff --git a/examples/control-panel.html b/examples/control-panel.html
deleted file mode 100644
index e69de29bb..000000000
diff --git a/examples/control-panel.js b/examples/control-panel.js
index 0a8ac633f..32e314fac 100644
--- a/examples/control-panel.js
+++ b/examples/control-panel.js
@@ -1,12 +1,10 @@
/* eslint react/no-multi-comp:0, no-console:0, no-unused-vars:0 */
-import 'rc-calendar/assets/index.less';
+import '../assets/index.less';
import React from 'react';
-import ReactDOM from 'react-dom';
-import Calendar from 'rc-calendar/src';
-import RangeCalendar from 'rc-calendar/src/RangeCalendar';
+import Calendar from '../src';
+import RangeCalendar from '../src/RangeCalendar';
-import Select, { Option } from 'rc-select';
-import 'rc-select/assets/index.css';
+import 'rc-select/assets/index.less';
class Demo extends React.Component {
state = {
@@ -15,8 +13,8 @@ class Demo extends React.Component {
rangeEndMode: 'date',
};
- onModeChange = (key) => {
- return function _handleChange(e) {
+ onModeChange = key =>
+ function _handleChange(e) {
let mode;
if (e && e.target) {
mode = e.target.value;
@@ -28,33 +26,27 @@ class Demo extends React.Component {
[key]: mode,
});
}.bind(this);
- }
handlePanelChange = (...args) => {
console.log('on panel change', ...args);
- }
+ };
handleRangePanelChange = (...args) => {
console.log('on range panel change', ...args);
- }
+ };
render() {
return (
controle Calendar panel
-