Does this datepicker support React?

[javeedrahman]

No description provided.

[kevinfiol]

Hey @javeedrahman . I'm a little late, but you can easily integrate this lib (and other vanilla JS libs) in React by using a ref. Take a look https://reactjs.org/docs/integrating-with-other-libraries.html

[johannes-ross]

Hey, just ran over the same "Problem". I made a wrapper class:

import React from "react";
import TinyDatePicker from 'tiny-date-picker';
// Make sure, we have all the CSS
import 'tiny-date-picker/tiny-date-picker.min.css';

export default class TinyDatePickerReact extends React.Component {
        // I use TypeScript so el is any
	el:any = null;
	componentDidMount() {
                // create the Datepicker
		this.el = TinyDatePicker(this.el);
                // Do something with it
		this.el.open();
	}

	componentWillUnmount() {
                // If this compontents gets removed, remove the Datepicker first
		this.el.destroy();
	}

	render() {
                // reference an input element
		return <input ref={el => this.el = el} />;
	}
}

Hope I could help.