// CSS import
import '../css/Route.css';
import '../css/CoordSelector.css';

/**
 * The component that selects and displays a coordinate.
 * @param {Object} props The props for the element. 
 */
function DateSelector(props) {
  return (
    <div className="Flex-coord">
        <input type="date" value={props.value} onChange={(e) => props.changedFunc(new Date(e.target.value))} onClick={() => props.clickedFunc()}/>
    </div>
  );
}

export default DateSelector;