Untitled

<head>

<title>
        Save Workorder
</title>

<link rel="stylesheet" href="https://unpkg.com/flatpickr/dist/flatpickr.min.css">
<script src="https://unpkg.com/flatpickr"></script>

<script>

flatpickr(".selector", {}); // [Flatpickr, Flatpickr, ...]
document.getElementById("myID").flatpickr(config); // Flatpickr
let calendar = new Flatpickr(element, config); // Flatpickr

// jQuery

 $(".selector").flatpickr({});

</script>

</head>

<form:input class="flatpickr" path="dateReceived" type="text" placeholder="Select Date.."/>
    <form:input path="dateScheduled"/>

@Column(name="date_received")
//@Temporal(TemporalType.DATE)
@Temporal(TemporalType.TIMESTAMP)
@DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss")
private Date dateReceived;

@Column(name="date_scheduled")
@Temporal(TemporalType.DATE)
@DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss")
private Date dateScheduled;