fix(material/timepicker): more flexible interval parsing

* Allows spaces between the interval value and unit.
* Adds support for `hour`, `hours`, `minute`, `min`, `minutes`, `second` and `seconds` units in the interval.

Author: crisbeto

src/material/timepicker/util.spec.ts

@@ -56,6 +56,21 @@ describe('timepicker utilities', () => {
       expect(parseInterval('3M')).toBe(180);
       expect(parseInterval('3S')).toBe(3);
     });
+
+    it('should parse interval with space', () => {
+      expect(parseInterval('3 h')).toBe(10_800);
+      expect(parseInterval('6     h')).toBe(21_600);
+    });
+
+    it('should handle long versions of units', () => {
+      expect(parseInterval('1 hour')).toBe(3600);
+      expect(parseInterval('3 hours')).toBe(10_800);
+      expect(parseInterval('1 minute')).toBe(60);
+      expect(parseInterval('3 min')).toBe(180);
+      expect(parseInterval('3 minutes')).toBe(180);
+      expect(parseInterval('1 second')).toBe(1);
+      expect(parseInterval('10 seconds')).toBe(10);
+    });
   });
 
   describe('generateOptions', () => {

src/material/timepicker/util.ts

@@ -10,7 +10,7 @@ import {InjectionToken} from '@angular/core';
 import {DateAdapter, MatDateFormats} from '@angular/material/core';
 
 /** Pattern that interval strings have to match. */
-const INTERVAL_PATTERN = /^(\d*\.?\d+)(h|m|s)?$/i;
+const INTERVAL_PATTERN = /^(\d*\.?\d+)\s*(h|hour|hours|m|min|minute|minutes|s|second|seconds)?$/i;
 
 /**
  * Object that can be used to configure the default options for the timepicker component.
@@ -62,9 +62,9 @@ export function parseInterval(value: number | string | null): number | null {
       return null;
     }
 
-    if (unit === 'h') {
+    if (unit === 'h' || unit === 'hour' || unit === 'hours') {
       result = amount * 3600;
-    } else if (unit === 'm') {
+    } else if (unit === 'm' || unit === 'min' || unit === 'minute' || unit === 'minutes') {
       result = amount * 60;
     } else {
       result = amount;