use schema CreateRotaitonInput for value

web/src/app/rotations/RotationCreateDialog.tsx

@@ -2,9 +2,10 @@ import React, { useState } from 'react'
 import { gql, useMutation } from '@apollo/client'
 import { nonFieldErrors, fieldErrors } from '../util/errutil'
 import FormDialog from '../dialogs/FormDialog'
-import RotationForm, { Value } from './RotationForm'
+import RotationForm from './RotationForm'
 import { DateTime } from 'luxon'
 import { Redirect } from 'wouter'
+import { CreateRotationInput } from '../../schema'
 
 const mutation = gql`
   mutation ($input: CreateRotationInput!) {
@@ -21,7 +22,7 @@ const mutation = gql`
 `
 
 const RotationCreateDialog = (props: { onClose?: () => void }): JSX.Element => {
-  const [value, setValue] = useState<Value>({
+  const [value, setValue] = useState<CreateRotationInput>({
     name: '',
     description: '',
     timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,

web/src/app/rotations/RotationForm.tsx

@@ -18,24 +18,15 @@ import { ISODateTimePicker } from '../util/ISOPickers'
 import NumberField from '../util/NumberField'
 import Spinner from '../loading/components/Spinner'
 import { FieldError } from '../util/errutil'
-import { RotationType } from '../../schema'
+import { RotationType, CreateRotationInput } from '../../schema'
 
 interface RotationFormProps {
-  value: Value
+  value: CreateRotationInput
   errors: FieldError[]
-  onChange: (value: Value) => void
+  onChange: (value: CreateRotationInput) => void
   disabled?: boolean
 }
 
-export interface Value {
-  name: string
-  description: string
-  timeZone: string
-  type: RotationType
-  shiftLength: number
-  start: string
-}
-
 const query = gql`
   query calcRotationHandoffTimes($input: CalcRotationHandoffTimesInput) {
     calcRotationHandoffTimes(input: $input)
@@ -87,7 +78,7 @@ export default function RotationForm(props: RotationFormProps): JSX.Element {
         handoff: value.start,
         from: value.start,
         timeZone: value.timeZone,
-        shiftLengthHours: getHours(value.shiftLength, value.type),
+        shiftLengthHours: getHours(value.shiftLength as number, value.type),
         count: 3,
       },
     },