react-bootstrap-editable/src/components/Date.js

Clean editable bootstrap components for react. Ajax support!

import React from "react"
import Input from "../Input";

export default function Date({value, setNewValue, controls}){
    let date = value

    if(date){
        if(date.toISOString){
            date = date.toISOString().slice(0, 10)
        }else{
            try{
                date = new window.Date(date).toISOString().slice(0, 10)
            }catch(err){
                console.error(`Unable to parse provided date value to Date object: ${err.message}`)
            }
        }
    }

    return (
        <React.Fragment>
            <Input value={date? date : ""} type="date" className="mr-1"
                   onChange={(newValue, e) => setNewValue(e.target.valueAsDate)}/>
            {controls}
        </React.Fragment>
    )
}