fix: Parse non ISO based date formats for attrbiutes

Closes #1587

Author: rkaraivanov

CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [Unreleased]
+
+### Fixed
+  - Parse non ISO based date formats when binding to a date attribute in components [#1587](https://github.com/IgniteUI/igniteui-webcomponents/issues/1587)
+
 ## [5.3.0] - 2025-03-13
 ### Added
 - Tile manager component [#1402](https://github.com/IgniteUI/igniteui-webcomponents/pull/1402)

src/components/calendar/calendar.interaction.spec.ts

@@ -44,6 +44,10 @@ describe('Calendar interactions', () => {
 
     calendar.setAttribute('value', date.native.toISOString());
     expect(date.equalTo(calendar.value!)).to.be.true;
+
+    // Non-ISO date string
+    calendar.setAttribute('value', date.native.toString());
+    expect(date.equalTo(calendar.value!)).to.be.true;
   });
 
   it('setting `value` - string property binding', async () => {
@@ -52,6 +56,10 @@ describe('Calendar interactions', () => {
 
     expect(date.equalTo(calendar.value!)).to.be.true;
 
+    // Non-ISO date string
+    calendar.value = date.native.toString();
+    expect(date.equalTo(calendar.value!)).to.be.true;
+
     // Invalid date
     for (const each of [new Date('s'), '', null, undefined]) {
       calendar.value = each;
@@ -72,6 +80,16 @@ describe('Calendar interactions', () => {
     expect(calendar.values).lengthOf(2);
     expect(date_1.equalTo(first(calendar.values))).to.be.true;
     expect(date_2.equalTo(last(calendar.values))).to.be.true;
+
+    // Non-ISO date format
+    calendar.setAttribute(
+      'values',
+      `${date_1.native.toString()}, ${date_2.native.toString()}`
+    );
+
+    expect(calendar.values).lengthOf(2);
+    expect(date_1.equalTo(first(calendar.values))).to.be.true;
+    expect(date_2.equalTo(last(calendar.values))).to.be.true;
   });
 
   it('setting `values` - string property binding', async () => {
@@ -88,6 +106,13 @@ describe('Calendar interactions', () => {
     expect(date_1.equalTo(first(calendar.values))).to.be.true;
     expect(date_2.equalTo(last(calendar.values))).to.be.true;
 
+    // Non-ISO date formats
+    calendar.values = `${date_1.toString()}, ${date_2.toString()}`;
+
+    expect(calendar.values).lengthOf(2);
+    expect(date_1.equalTo(first(calendar.values))).to.be.true;
+    expect(date_2.equalTo(last(calendar.values))).to.be.true;
+
     // Valid date combinations
     const validDates = [
       [date_1_str, date_2_str],

src/components/calendar/helpers.ts

@@ -52,7 +52,7 @@ export function parseISODate(string: string) {
     return isValidDate(new Date(`${date}T${string}`));
   }
 
-  return null;
+  return isValidDate(new Date(Date.parse(string)));
 }
 
 /**