I have a problem with version 18.2.44 below when I click in icon of component Datepicker:
```
Uncaught TypeError: Cannot read property 'valueOf' of null
at DateTimePicker.CalendarBase.dayCell (calendar.js?2f9d:923)
at DateTimePicker.CalendarBase.renderDays (calendar.js?2f9d:702)
at DateTimePicker.Calendar.renderDays (calendar.js?2f9d:2122)
at DateTimePicker.CalendarBase.renderMonths (calendar.js?2f9d:661)
at DateTimePicker.Calendar.renderMonths (calendar.js?2f9d:2119)
at DateTimePicker.CalendarBase.createContentBody (calendar.js?2f9d:341)
at DateTimePicker.CalendarBase.createContent (calendar.js?2f9d:263)
at DateTimePicker.Calendar.createContent (calendar.js?2f9d:2113)
at DateTimePicker.CalendarBase.render (calendar.js?2f9d:134)
at DateTimePicker.Calendar.render (calendar.js?2f9d:1998)
```
I already read the links below:
```
https://ej2.syncfusion.com/vue/documentation/datepicker/globalization/
https://ej2.syncfusion.com/vue/documentation/datetimepicker/globalization/
https://www.syncfusion.com/forums/145430/globalization-not-working-with-clrd-data
https://ej2.syncfusion.com/documentation/calendar/globalization/
```
My sample of code:
```App.vue
<template>
<div id="app">
<div class="wrapper">
<ejs-datetimepicker id="datetime" locale="pt">ejs-datetimepicker>
div>
div>
template>
<script>
import Vue from 'vue'
import { loadCldr, L10n } from '@syncfusion/ej2-base'
import { DateTimePickerPlugin } from '@syncfusion/ej2-vue-calendars'
// Here we have referred local json files for preview purpose
import * as numberingSystems from 'cldr-data/supplemental/numberingSystems.json'
import * as gregorian from 'cldr-data/main/pt/ca-gregorian.json'
import * as numbers from 'cldr-data/main/pt/numbers.json'
import * as timeZoneNames from 'cldr-data/main/pt/timeZoneNames.json'
import { pt } from '@/assets/pt.json'
Vue.use(DateTimePickerPlugin)
loadCldr(numberingSystems, gregorian, numbers, timeZoneNames)
L10n.load({ pt: pt })
// L10n.load({
// pt: {
// datepicker: {
// placeholder: 'Wählen Sie Datum und Uhrzeit',
// today: 'heute'
// }
// }
// })
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-inputs/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";
.wrapper {
max-width: 250px;
margin: 0 auto;
}
style>
import Vue from 'vue'
import { loadCldr, L10n } from '@syncfusion/ej2-base'
import { DateTimePickerPlugin } from '@syncfusion/ej2-vue-calendars'
// Here we have referred local json files for preview purpose
import * as numberingSystems from 'cldr-data/supplemental/numberingSystems.json'
import * as gregorian from 'cldr-data/main/pt/ca-gregorian.json'
import * as numbers from 'cldr-data/main/pt/numbers.json'
import * as timeZoneNames from 'cldr-data/main/pt/timeZoneNames.json'
import { pt } from '@/assets/pt.json'
Vue.use(DateTimePickerPlugin)
loadCldr(numberingSystems, gregorian, numbers, timeZoneNames)
L10n.load({ pt: pt })
export default {}
@import "../node_modules/@syncfusion/ej2-base/styles/material.css";
@import "../node_modules/@syncfusion/ej2-buttons/styles/material.css";
@import "../node_modules/@syncfusion/ej2-inputs/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";
.wrapper {
max-width: 250px;
margin: 0 auto;
}
```
Code of my ' pt.json' in assets
https://gist.github.com/farnetani/c777f651b7fc99e53adad90405785b59