{"size": 479, "ext": "js", "max_stars_repo_path": "src/components/widgets/date-field/DateField.js", "max_stars_repo_name": "KNITS-OS/TemplateArgonDemo", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/widgets/date-field/DateField.js", "max_issues_repo_name": "KNITS-OS/TemplateArgonDemo", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/widgets/date-field/DateField.js", "max_forks_repo_name": "KNITS-OS/TemplateArgonDemo", "max_forks_repo_forks_event_min_datetime": "2022-01-09T19:35:27.000Z", "max_forks_repo_forks_event_max_datetime": "2022-01-09T19:35:27.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 21.7727272727, "max_line_length": 57, "alphanum_fraction": 0.643006263}
import PropTypes from "prop-types";
import ReactDatetime from "react-datetime";

import { FormGroup } from "reactstrap";

export const DateField = ({ id, label, ...props }) => {
  return (
    <FormGroup>
      <label className="form-control-label" htmlFor={id}>
        {label}
      </label>
      <ReactDatetime {...props} />
    </FormGroup>
  );
};

DateField.propTypes = {
  id: PropTypes.string.isRequired,
  label: PropTypes.string.isRequired,
  props: PropTypes.any,
};
