superdesk-ui-framework 3.0.1-beta.5 → 3.0.1-beta.6

package/app/styles/form-elements/_inputs.scss

@@ -928,6 +928,8 @@
         text-align: end;
         width: 2.5ch;
         font-size: 1.4rem;
+        padding: 0 !important;
+        line-height: 3.2rem;
         &::-webkit-outer-spin-button,
         &::-webkit-inner-spin-button {
             -webkit-appearance: none;

package/app-typescript/components/DurationInput.tsx

@@ -324,5 +324,19 @@ export class DurationInput extends React.PureComponent<IProps, IState> {
 }
 
 export function getDurationString(seconds: number) {
-    return moment.utc(seconds * 1000).format("HH:mm:ss");
+    function zeroPad(value: number | string) {
+        if (value.toString().length === 1 || value === 0) {
+            return `0${value}`;
+        } else if (!value) {
+            return '00';
+        } else {
+            return value;
+        }
+    }
+
+    let hour = zeroPad(Math.floor(seconds / 3600));
+    let minute = zeroPad(Math.floor((seconds % 3600) / 60));
+    let second = zeroPad(Math.floor(seconds % 60));
+
+    return `${hour}h ${minute}m ${second}s`;
 }

package/app-typescript/components/Input.tsx

@@ -88,7 +88,7 @@ export class Input extends React.Component<IProps, IState> {
             required={this.props.required}
             disabled={this.props.disabled}
             value={this.state.value}
-            invalid={this.state.invalid}
+            invalid={this.props.invalid}
             info={this.props.info}
             maxLength={this.props.maxLength}
             inlineLabel={this.props.inlineLabel}

package/app-typescript/index.ts

@@ -18,6 +18,7 @@ export { IconButton } from './components/IconButton';
 export { IconLabel } from './components/IconLabel';
 export { Tooltip } from './components/Tooltip';
 export { DurationInput } from './components/DurationInput';
+export { getDurationString } from './components/DurationInput';
 export { DatePicker } from './components/DatePicker';
 export { DatePickerISO } from './components/DatePicker';
 export { DatePickerLocaleSettings } from './components/DatePicker';