Hi Phil,
Thanks for contacting Syncfusion Support.
By default, the value property will get updated whenever a date range is selected in the DateRangePicker popup but the input element value will get updated only when the popup is closed (either on document click after selection or by clicking the apply button). However, we can update the input element value with the selected DateRange using the select event without the using “Apply” button as shown in the below code snippet.
|
<ejs-daterangepicker id="daterange" select="onSelect"></ejs-daterangepicker>
<script>
function onSelect(args) {
if (args.endDate) {
args.element.value = args.text;// updating input element value when a range is selected
}
}
</script>
<style>
/*styles to hide the footer (apply cancel buttons)*/
.e-daterangepicker.e-popup .e-footer {
display: none;
}
</style> |
For your convenience, we have attached the sample in the below link. Please check it.
Please let us know if need further assistance.
Regards,
Prem Kumar M
