ejs-calendar latest version globalization error

[butching]

when i updated to latest version..

"@syncfusion/ej2-vue-calendars": "^17.4.50",

"vue": "^2.6.11",

"cldr-data": "^35.1.0",

"@syncfusion/ej2-base": {

      "version": "17.4.43",

      "resolved": "https://registry.npmjs.org/@syncfusion/ej2-base/-/ej2-base-17.4.43.tgz",

      "integrity": "sha512-yK7tActXxwmBOvU2Wx73pyJOwaVT6z0P/i7iEtXrh/F1lQoY8eUNuuX98jrjAwxmLiq91Cdri+fcqI8oWB8qmg==",

      "requires": {

        "@syncfusion/ej2-icons": "17.4.43"

      }

    },

suddenly my locale is not working

import { loadCldr, setCulture } from "@syncfusion/ej2-base";

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

Vue.use(CalendarPlugin);

loadCldr(

  require("cldr-data/supplemental/numberingSystems.json"),

  require("cldr-data/main/nl/ca-gregorian.json"),

  require("cldr-data/main/nl/numbers.json"),

  require("cldr-data/main/nl/timeZoneNames.json")

);

setCulture('nl');

<ejs-calendar locale='nl'>ejs-calendar>

when i removed the locale='nl' it works but not translated

[Ponmani Murugaiyan]

Hi Butching,   

  

Thank you for contacting us.  

  

We have validated your reported issue. But unfortunately, we couldn’t reproduce the issue at our end in the updated version. We have attached the test sample and demonstration video for your reference. 

[App.vue] 

<template> 

    <div id="app"> 

      <div class='wrapper'> 

         <ejs-calendar locale='nl'></ejs-calendar> 

      </div> 

    </div> 

</template> 

<script> 

import Vue from 'vue'; 

import { CalendarPlugin } from '@syncfusion/ej2-vue-calendars'; 

//import the loadCldr from ej2-base 

import { loadCldr, L10n,setCulture } from '@syncfusion/ej2-base'; 

 

Vue.use(CalendarPlugin); 

setCulture('nl'); 

 

loadCldr( 

    require('cldr-data/supplemental/numberingSystems.json'), 

    require('cldr-data/main/nl/ca-gregorian.json'), 

    require('cldr-data/main/nl/numbers.json'), 

    require('cldr-data/main/nl/timeZoneNames.json'));  

     

L10n.load({ 

    'nl': { 

      'calendar': { today: 'vandaag'} 

    } 

}); 

export default {} 

</script> 

<style> 

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

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

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

  .wrapper { 

    max-width: 250px; 

    margin: 0 auto; 

  } 

</style> 

Video link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ScreenCapture_2-19-2020_5.54.12_PM.xesc477681270  

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/quickstart_251747856359200  

Kindly check the above and let us know if we missed any configurations. Else, please revert us with an issue reproducing sample. This will help us provide a prompt solution. 

Regards, 

Ponmani M 

[butching]

i copied your package version and it seems to work now, and i notice you have new package version and i updated to that and it also works

thanks

[Ponmani Murugaiyan]

Hi Butching, 

 

Thanks for your update. Please get back to us if you need any assistance regarding this.  

 

Regards, 

Ponmani M