Problem using DatePicker with translation PT in version 18.2.44
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
SIGN IN To post a reply.
1 Reply
1 reply marked as answer
SN
Sevvandhi Nagulan
Syncfusion Team
September 8, 2020 05:47 AM UTC
Hi Arlei,
Greetings from Syncfusion support.
We have checked the reported issue and we have considered as a defect in our end. The fix for the issue will be included in the next patch release which is expected to be rolled out on 9th September 2020. We thank you for spending your time to report the issue and helping us to improve our product. You can track the status of the issue using below feedback link.
We appreciate your patience until then.
Regards,
Sevvandhi N
Marked as answer
SIGN IN To post a reply.