import * as React from 'react';
import JqxDateTimeInput from 'jqwidgets-scripts/jqwidgets-react-tsx/jqxdatetimeinput';

function App() {
    return (
        <div>
            <br /><br /><br /><br />
            <br /><br /><br /><br />
            <br /><br /><br /><br />
            <label>Date Input</label>
            <JqxDateTimeInput theme={'material-purple'}
                width={300} height={30} dropDownVerticalAlignment={'top'} />
            <label>Time Input</label>
            <JqxDateTimeInput theme={'material-purple'}
                width={300} height={30} dropDownVerticalAlignment={'top'}
                showCalendarButton={false} showTimeButton={true} />
            <label>Date/Time Input</label>
            <JqxDateTimeInput theme={'material-purple'}
                width={300} height={30} dropDownVerticalAlignment={'top'}
                showCalendarButton={true} showTimeButton={true} />
        </div>
    );
}

export default App;