fix TimeLine

Author: JafarMirzaie

Signum/React/Lines/DateTimeSplittedLine.tsx

@@ -12,7 +12,7 @@ import TextArea from '../Components/TextArea';
 import { KeyCodes } from '../Components/Basic';
 import { ValueBaseController, ValueBaseProps } from './ValueBase'
 import { defaultRenderDay, trimDateToFormat } from './DateTimeLine'
-import { TimeTextBox, isDuration } from './TimeLine'
+import { TimeTextBox, isDurationKey } from './TimeLine'
 import { TypeContext } from '../TypeContext'
 
 export interface DateTimeSplittedLineProps extends ValueBaseProps<DateTimeSplittedLineController> {
@@ -200,7 +200,7 @@ function DateTimePickerSplitted(p: {
               (p.value ? getTimeOfDay(DateTime.fromJSDate(p.value))?.toISOTime() : null) :
               (temp.type == "Time" ? temp.time : null)}
             onChange={handleTimeChange}
-            validateKey={isDuration}
+            validateKey={isDurationKey}
             htmlAttributes={{
               ...p.htmlAttributes,
               placeholder: timePlaceholder(timeFormat),

Signum/React/Lines/TimeLine.tsx

@@ -1,11 +1,12 @@
 import * as React from 'react';
-import { addClass, classes, isNumber } from '../Globals';
+import { addClass, classes } from '../Globals';
 import { timeToString, timePlaceholder, toLuxonDurationFormat } from '../Reflection';
 import { LineBaseController, useController } from '../Lines/LineBase';
 import { FormGroup } from '../Lines/FormGroup';
 import { FormControlReadonly } from '../Lines/FormControlReadonly';
 import { ValueBaseController, ValueBaseProps } from './ValueBase';
 import { Duration } from 'luxon';
+import { isNumberKey } from './NumberLine';
 
 export interface TimeLineProps extends ValueBaseProps<TimeLineController> {
 
@@ -59,7 +60,7 @@ export const TimeLine = React.memo(React.forwardRef(function TimeLine(props: Tim
                     id={inputId}
                     value={s.ctx.value}
                     onChange={handleOnChange}
-                    validateKey={isDuration}
+                    validateKey={isDurationKey}
                     formControlClass={classes(s.ctx.formControlClass, c.mandatoryClass)}
                     durationFormat={durationFormat}
                     innerRef={c.setRefs} />
@@ -165,7 +166,7 @@ TimeTextBox.defaultProps = {
   durationFormat: "hh:mm:ss"
 };
 
-export function isDuration(e: React.KeyboardEvent<any>): boolean {
+export function isDurationKey(e: React.KeyboardEvent<any>): boolean {
   const c = e.keyCode;
-  return isNumber(e) || e.key == ":";
+  return isNumberKey(e) || e.key == ":";
 }