fix(calendar): update days formatting logic to extract day part and add additional locales in sample

Author: desig9stein

projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts

@@ -446,7 +446,8 @@ export class IgxDaysViewComponent extends IgxCalendarBaseDirective implements Af
      */
     public formattedDate(value: Date): string {
         if (this.formatViews.day) {
-            return this.formatterDay.format(value);
+            const dateParts = this.formatterDay.formatToParts(value);
+            return dateParts.find(part => part.type === 'day')?.value ?? value.getDate().toString();
         }
 
         return `${value.getDate()}`;

src/app/calendar/calendar.sample.ts

@@ -19,6 +19,7 @@ import {
     DateRange,
     DateRangeDescriptor,
     DateRangeType,
+    IFormattingViews,
 } from 'igniteui-angular';
 import {
     Properties,
@@ -62,6 +63,12 @@ export class CalendarSampleComponent implements OnInit {
         year: 'numeric',
     };
 
+    protected formatViews: IFormattingViews = {
+        day: true,
+        month: true,
+        year: true
+    };
+
     public panelConfig: PropertyPanelConfig = {
         locale: {
             label: 'Change Locale',
@@ -87,6 +94,10 @@ export class CalendarSampleComponent implements OnInit {
                     {
                         value: 'ja-JP',
                         label: 'JP'
+                    },
+                    {
+                        value: 'zh-ZH',
+                        label: 'ZH'
                     }
                 ],
                 defaultValue: 'en-US'