fix(b-calendar): use Intl.NumberFormat for formatting the number in the date buttons (closes bootstrap-vue#5171) (bootstrap-vue#5179)

tmorehouse · jacobmllr95 · web-flow · commit cbf2cd007cce · 2020-04-18T17:55:38.000+02:00
* fix(b-calendar): use Intl.NumberFormat for formatting the date buttons (closes bootstrap-vue#5171) * Update calendar.js Co-authored-by: Jacob Müller <jacob.mueller.elz@gmail.com>
diff --git a/src/components/calendar/calendar.js b/src/components/calendar/calendar.js
@@ -442,10 +442,18 @@ export const BCalendar = Vue.extend({
       })
     },
     formatDay() {
-      return createDateFormatter(this.calendarLocale, {
-        day: STR_NUMERIC,
-        calendar: STR_GREGORY
+      // Calendar grid day number formatter
+      // We don't use DateTimeFormatter here as it can place extra
+      // character(s) after the number (i.e the `zh` locale)
+      const nf = new Intl.NumberFormat([this.computedLocale], {
+        style: 'decimal',
+        minimumIntegerDigits: 1,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0,
+        notation: 'standard'
       })
+      // Return a formatter function instance
+      return date => nf.format(date.getDate())
     },
     // Disabled states for the nav buttons
     prevDecadeDisabled() {
