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);