allowEdit has no effect

[Arvin Staff]

Hi,

Recently when I explored the DateRangePicker component, I found that the input textbox can still be editable even if `allowEdit="false"`. I was wondering if I have done something wrong, or it is a bug.

Regards,

Arvin

[Deepak Ramakrishnan]

Hi Arvin, 

 

Greetings from Syncfusion support. 

 

The issue not get replicated in our end when setting allow edit as false in latest version(19.4.38) .Also we have attached sample for convenience . 

 

 

 

<template> 

  <div id="app"> 

<div id='container' style="margin:50px auto 0; width:250px;"> 

    <br> 

    <ejs-daterangepicker :allowEdit="isEditable"></ejs-daterangepicker> 

</div> 

  </div> 

</template> 

<script> 

import Vue from 'vue'; 

import { DropDownListPlugin } from "@syncfusion/ej2-vue-dropdowns"; 

import { DateRangePickerPlugin } from "@syncfusion/ej2-vue-calendars"; 

 

Vue.use(DropDownListPlugin); 

Vue.use(DateRangePickerPlugin); 

export default { 

  data (){ 

return { 

   

  isEditable: false 

} 

}, 

methods: { 

open: function(e) 

{ 

 var element = e.popup.element.querySelectorAll('.e-list-item'); 

 element[1].classList.add('e-disabled');  

 element[1].classList.add('e-overlay');  

 element[3].classList.add('e-disabled');  

 element[3].classList.add('e-overlay');  

}, 

}, 

} 

 

</script> 

<style> 

@import "../node_modules/@syncfusion/ej2-base/styles/material.css"; 

@import "../node_modules/@syncfusion/ej2-inputs/styles/material.css"; 

@import "../node_modules/@syncfusion/ej2-vue-dropdowns/styles/material.css"; 

@import '../node_modules/@syncfusion/ej2-popups/styles/material.css'; 

@import '../node_modules/@syncfusion/ej2-lists/styles/material.css'; 

@import "../node_modules/@syncfusion/ej2-vue-calendars/styles/material.css"; 

@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css'; 

</style> 

 

 

 

Sample Link : https://www.syncfusion.com/downloads/support/directtrac/general/ze/quickstart-1893822875.zip  

 

Kindly revert us with modified sample and replication procedure if we have missed anything in the provided one. 

 

 

Thanks, 

Deepak R.