import {render} from 'react-dom';
import React, {Component} from 'react';
import DatePicker from '@jetbrains/ring-ui/components/date-picker/date-picker';
const container = document.getElementById('date-picker');
class DatePickerExample extends Component {
state = {date: '01.01.18'}
setDate = date => {
this.setState({date})
}
render() {
return (
);
}
}
render(, container);
import {render} from 'react-dom';
import React, {Component} from 'react';
import DatePicker from '@jetbrains/ring-ui/components/date-picker/date-picker';
const container = document.getElementById('date-picker');
class DatePickerExample extends Component {
state = {
from: '1 January 2018',
to: '15 February 2018'
};
setRange = ({from, to}) => {
this.setState({from, to});
}
render() {
return (
);
}
}
render(, container);
import {render} from 'react-dom';
import React, {Component} from 'react';
import DatePicker from '@jetbrains/ring-ui/components/date-picker/date-picker';
const container = document.getElementById('date-picker');
class DatePickerExample extends Component {
state = {date: '01.01.18'}
setDate = date => {
this.setState({date})
}
render() {
return (
);
}
}
render(, container);