Use browser default time and number formatting with polyfills if needed (#9481)

Co-authored-by: Paulus Schoutsen <balloob@gmail.com>

test/common/entity/attribute_class_names_test.ts

@@ -0,0 +1,47 @@
+import { assert } from "chai";
+import { attributeClassNames } from "../../../src/common/entity/attribute_class_names";
+
+describe("attributeClassNames", () => {
+  const attrs = ["mock_attr1", "mock_attr2"];
+
+  it("Skips null states", () => {
+    const stateObj: any = null;
+    assert.strictEqual(attributeClassNames(stateObj, attrs), "");
+  });
+
+  it("Matches no attrbutes", () => {
+    const stateObj: any = {
+      attributes: {
+        other_attr_1: 1,
+        other_attr_2: 2,
+      },
+    };
+    assert.strictEqual(attributeClassNames(stateObj, attrs), "");
+  });
+
+  it("Matches one attrbute", () => {
+    const stateObj: any = {
+      attributes: {
+        other_attr_1: 1,
+        other_attr_2: 2,
+        mock_attr1: 3,
+      },
+    };
+    assert.strictEqual(attributeClassNames(stateObj, attrs), "has-mock_attr1");
+  });
+
+  it("Matches two attrbutes", () => {
+    const stateObj: any = {
+      attributes: {
+        other_attr_1: 1,
+        other_attr_2: 2,
+        mock_attr1: 3,
+        mock_attr2: null,
+      },
+    };
+    assert.strictEqual(
+      attributeClassNames(stateObj, attrs),
+      "has-mock_attr1 has-mock_attr2"
+    );
+  });
+});