Schedule Highlight colors and I18n

[Hani]

Hello,

i want your help to :

1- change work days and hours highlight colors AND highlight none work days and hours 
2 - change Calendar rows border color

3 - Localize DropdownList data using i18n

i have 2 DropDownList

1) 

 let statusElement = args.element.querySelector("#status");

        if (!statusElement.classList.contains("e-dropdownlist")) {

          let dropDownListObject = new DropDownList({

            fields: { text: "Value", value: "Code" },

            value: args.data.status,

            placeholder: this.$t("ChooseStatus"),

            index: "0",

            dataSource: this.$store.state.calendar.CalendarStatusList

          });

          dropDownListObject.appendTo(statusElement);

          statusElement.setAttribute("name", "status");

        }

i tried to use

            fields: { text: this.$t("Code"), value: "Code" },

but its not working

2) 

  {{$t("Status")}}

    popupHeight="200px" :placeholder="$t('ChooseStatus')">

      Statusfields: { text: "Value", value: "Code" },

Thanks in advance ^_^

[Praveenkumar Narasimhanaidu]

Hi Hani, 

Greetings from Syncfusion support..! 

Q1,Q2: Change work days and hours highlight colors AND highlight none work days and hour and change Calendar rows border color 

We have validated your requirements and you can achieve this by using below mentioned CSS. 

 .e-schedule .e-vertical-view .e-work-hours { 

  background: rgb(182, 151, 182) !important; 

} 

.e-schedule .e-vertical-view .e-work-cells { 

  border-color: blueviolet; 

  background-color: wheat; 

} 

Q3: Localize DropDownList data 

We have validated your requirement and suspect that you are expecting to localize client-side dropdown data which is need to be handled in application end. Please find possible locale text titles for dropdownlist from following link. 

https://github.com/syncfusion/ej2-locale/blob/master/src/de.json#L1923 

Please find sample in which all of your requirements included from below link. 

Sample: https://codesandbox.io/s/ej2-vue-scheduler-customized-sample-forked-xdnj1?file=/src/App.vue 

Kindly try the above solution and get back to us for further assistance. 

Regards, 

Pravenkumar