@aehrc/smart-forms-renderer 0.8.0 → 0.9.0

package/src/components/FormComponents/ChoiceItems/ChoiceSelectAnswerValueSetFields.tsx

@@ -30,13 +30,14 @@ interface ChoiceSelectAnswerValueSetFieldsProps extends PropsWithIsTabledAttribu
   codings: Coding[];
   valueCoding: Coding | null;
   serverError: Error | null;
+  readOnly: boolean;
   onSelectChange: (newValue: Coding | null) => void;
 }
 
 function ChoiceSelectAnswerValueSetFields(props: ChoiceSelectAnswerValueSetFieldsProps) {
-  const { qItem, codings, valueCoding, serverError, isTabled, onSelectChange } = props;
+  const { qItem, codings, valueCoding, serverError, readOnly, isTabled, onSelectChange } = props;
 
-  const { displayUnit, displayPrompt, readOnly, entryFormat } = useRenderingExtensions(qItem);
+  const { displayUnit, displayPrompt, entryFormat } = useRenderingExtensions(qItem);
 
   if (codings.length > 0) {
     return (

package/src/components/FormComponents/ChoiceItems/ChoiceSelectAnswerValueSetItem.tsx

@@ -26,22 +26,28 @@ import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
 import type {
   PropsWithIsRepeatedAttribute,
   PropsWithIsTabledAttribute,
+  PropsWithParentIsReadOnlyAttribute,
   PropsWithQrItemChangeHandler
 } from '../../../interfaces/renderProps.interface';
 import DisplayInstructions from '../DisplayItem/DisplayInstructions';
 import LabelWrapper from '../ItemParts/ItemLabelWrapper';
 import ChoiceSelectAnswerValueSetFields from './ChoiceSelectAnswerValueSetFields';
+import useReadOnly from '../../../hooks/useReadOnly';
 
 interface ChoiceSelectAnswerValueSetItemProps
-  extends PropsWithQrItemChangeHandler<QuestionnaireResponseItem>,
+  extends PropsWithQrItemChangeHandler,
     PropsWithIsRepeatedAttribute,
-    PropsWithIsTabledAttribute {
+    PropsWithIsTabledAttribute,
+    PropsWithParentIsReadOnlyAttribute {
   qItem: QuestionnaireItem;
-  qrItem: QuestionnaireResponseItem;
+  qrItem: QuestionnaireResponseItem | null;
 }
 
 function ChoiceSelectAnswerValueSetItem(props: ChoiceSelectAnswerValueSetItemProps) {
-  const { qItem, qrItem, isRepeated, isTabled, onQrItemChange } = props;
+  const { qItem, qrItem, isRepeated, isTabled, parentIsReadOnly, onQrItemChange } = props;
+
+  const readOnly = useReadOnly(qItem, parentIsReadOnly);
+  const { displayInstructions } = useRenderingExtensions(qItem);
 
   // Init input value
   const qrChoiceSelect = qrItem ?? createEmptyQrItem(qItem);
@@ -50,9 +56,6 @@ function ChoiceSelectAnswerValueSetItem(props: ChoiceSelectAnswerValueSetItemPro
     valueCoding = qrChoiceSelect.answer[0].valueCoding ?? null;
   }
 
-  // Get additional rendering extensions
-  const { displayInstructions } = useRenderingExtensions(qItem);
-
   // Get codings/options from valueSet
   const { codings, serverError } = useValueSetCodings(qItem);
 
@@ -96,6 +99,7 @@ function ChoiceSelectAnswerValueSetItem(props: ChoiceSelectAnswerValueSetItemPro
         codings={codings}
         valueCoding={valueCoding}
         serverError={serverError}
+        readOnly={readOnly}
         isTabled={isTabled}
         onSelectChange={handleChange}
       />
@@ -106,7 +110,7 @@ function ChoiceSelectAnswerValueSetItem(props: ChoiceSelectAnswerValueSetItemPro
     <FullWidthFormComponentBox data-test="q-item-choice-dropdown-answer-value-set-box">
       <Grid container columnSpacing={6}>
         <Grid item xs={5}>
-          <LabelWrapper qItem={qItem} />
+          <LabelWrapper qItem={qItem} readOnly={readOnly} />
         </Grid>
         <Grid item xs={7}>
           <ChoiceSelectAnswerValueSetFields
@@ -114,10 +118,11 @@ function ChoiceSelectAnswerValueSetItem(props: ChoiceSelectAnswerValueSetItemPro
             codings={codings}
             valueCoding={valueCoding}
             serverError={serverError}
+            readOnly={readOnly}
             isTabled={isTabled}
             onSelectChange={handleChange}
           />
-          <DisplayInstructions displayInstructions={displayInstructions} />
+          <DisplayInstructions displayInstructions={displayInstructions} readOnly={readOnly} />
         </Grid>
       </Grid>
     </FullWidthFormComponentBox>

package/src/components/FormComponents/CustomDateItem/CustomDateItem.tsx

@@ -0,0 +1,140 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { useState } from 'react';
+import type {
+  PropsWithIsRepeatedAttribute,
+  PropsWithIsTabledAttribute,
+  PropsWithParentIsReadOnlyAttribute,
+  PropsWithQrItemChangeHandler
+} from '../../../interfaces/renderProps.interface';
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import useReadOnly from '../../../hooks/useReadOnly';
+import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
+import {
+  parseFhirDateToDisplayDate,
+  parseInputDateToFhirDate,
+  validateInput
+} from './customDateTimePicker/utils/parseDates';
+import { createEmptyQrItem } from '../../../utils/qrItem';
+import useDateValidation from '../../../hooks/useDateValidation';
+import CustomDateField from './customDateTimePicker/CustomDateField';
+
+interface CustomDateItemProps
+  extends PropsWithQrItemChangeHandler,
+    PropsWithIsRepeatedAttribute,
+    PropsWithIsTabledAttribute,
+    PropsWithParentIsReadOnlyAttribute {
+  qItem: QuestionnaireItem;
+  qrItem: QuestionnaireResponseItem | null;
+}
+
+function CustomDateItem(props: CustomDateItemProps) {
+  const { qItem, qrItem, isRepeated, isTabled, parentIsReadOnly, onQrItemChange } = props;
+
+  const readOnly = useReadOnly(qItem, parentIsReadOnly);
+  const { displayPrompt, displayInstructions, entryFormat } = useRenderingExtensions(qItem);
+
+  const qrDate = qrItem ?? createEmptyQrItem(qItem);
+
+  // Init input value
+  let valueDate: string = '';
+  if (qrDate.answer) {
+    if (qrDate.answer[0].valueDate) {
+      valueDate = qrDate.answer[0].valueDate;
+    } else if (qrDate.answer[0].valueDateTime) {
+      valueDate = qrDate.answer[0].valueDateTime;
+    }
+  }
+
+  const { displayDate, parseFail } = parseFhirDateToDisplayDate(valueDate);
+
+  const [input, setInput] = useState(displayDate);
+  const [focused, setFocused] = useState(false);
+
+  // Perform validation checks
+  const errorFeedback = useDateValidation(input, parseFail);
+
+  function handleSelectDate(selectedDate: string) {
+    setInput(selectedDate);
+    onQrItemChange({
+      ...createEmptyQrItem(qItem),
+      answer: [{ valueDate: parseInputDateToFhirDate(selectedDate) }]
+    });
+  }
+
+  function handleInputChange(newInput: string) {
+    setInput(newInput);
+
+    if (newInput === '') {
+      onQrItemChange(createEmptyQrItem(qItem));
+    }
+
+    if (!validateInput(newInput)) {
+      return;
+    }
+
+    onQrItemChange({
+      ...createEmptyQrItem(qItem),
+      answer: [{ valueDate: parseInputDateToFhirDate(newInput) }]
+    });
+  }
+
+  if (isRepeated) {
+    return (
+      <CustomDateField
+        linkId={qItem.linkId}
+        valueDate={displayDate}
+        input={input}
+        feedback={errorFeedback ?? ''}
+        isFocused={focused}
+        displayPrompt={displayPrompt}
+        entryFormat={entryFormat}
+        readOnly={readOnly}
+        isTabled={isTabled}
+        setFocused={setFocused}
+        onInputChange={handleInputChange}
+        onSelectDate={handleSelectDate}
+      />
+    );
+  }
+
+  return (
+    <FullWidthFormComponentBox data-test="q-item-date-box">
+      <ItemFieldGrid qItem={qItem} displayInstructions={displayInstructions} readOnly={readOnly}>
+        <CustomDateField
+          linkId={qItem.linkId}
+          valueDate={displayDate}
+          input={input}
+          feedback={errorFeedback ?? ''}
+          isFocused={focused}
+          displayPrompt={displayPrompt}
+          entryFormat={entryFormat}
+          readOnly={readOnly}
+          isTabled={isTabled}
+          setFocused={setFocused}
+          onInputChange={handleInputChange}
+          onSelectDate={handleSelectDate}
+        />
+      </ItemFieldGrid>
+    </FullWidthFormComponentBox>
+  );
+}
+
+export default CustomDateItem;

package/src/components/FormComponents/CustomDateItem/customDateTimePicker/CustomDateField.tsx

@@ -0,0 +1,96 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { Dayjs } from 'dayjs';
+import type { ChangeEvent, Dispatch, RefObject, SetStateAction } from 'react';
+import React, { useRef } from 'react';
+import type { PropsWithIsTabledAttribute } from '../../../../interfaces/renderProps.interface';
+import { StandardTextField } from '../../Textfield.styles';
+import DatePicker from './DatePicker';
+import Tooltip from '@mui/material/Tooltip';
+
+interface CustomDateFieldProps extends PropsWithIsTabledAttribute {
+  linkId: string;
+  valueDate: string;
+  input: string;
+  feedback: string;
+  isFocused: boolean;
+  displayPrompt: string;
+  entryFormat: string;
+  readOnly: boolean;
+  setFocused: Dispatch<SetStateAction<boolean>>;
+  onInputChange: (newInput: string) => void;
+  onSelectDate: (newDateValue: string) => void;
+}
+
+function CustomDateField(props: CustomDateFieldProps) {
+  const {
+    linkId,
+    valueDate,
+    input,
+    feedback,
+    isFocused,
+    displayPrompt,
+    entryFormat,
+    readOnly,
+    isTabled,
+    setFocused,
+    onInputChange,
+    onSelectDate
+  } = props;
+
+  const anchorRef: RefObject<HTMLDivElement> = useRef(null);
+
+  return (
+    <Tooltip title={isTabled ? feedback : ''}>
+      <StandardTextField
+        id={linkId}
+        ref={anchorRef}
+        fullWidth
+        isTabled={isTabled}
+        value={input}
+        error={!!feedback}
+        onChange={(e: ChangeEvent<HTMLInputElement>) => onInputChange(e.target.value)}
+        label={displayPrompt}
+        placeholder={entryFormat !== '' ? entryFormat : 'DD/MM/YYYY'}
+        disabled={readOnly}
+        size="small"
+        focused={isFocused}
+        onFocus={() => setFocused(true)}
+        onBlur={() => setFocused(false)}
+        InputProps={{
+          endAdornment: (
+            <>
+              <DatePicker
+                valueString={valueDate}
+                readOnly={readOnly}
+                anchorEl={anchorRef.current}
+                onSelectDate={(valueDayjs: Dayjs) => {
+                  onSelectDate(valueDayjs.format('DD/MM/YYYY'));
+                }}
+                onFocus={(focus) => setFocused(focus)}
+              />
+            </>
+          )
+        }}
+        helperText={isTabled ? '' : feedback}
+      />
+    </Tooltip>
+  );
+}
+
+export default CustomDateField;

package/src/components/FormComponents/CustomDateItem/customDateTimePicker/DatePicker.tsx

@@ -0,0 +1,81 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { useState } from 'react';
+import type { Dayjs } from 'dayjs';
+import dayjs from 'dayjs';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import MuiDatePicker from './MuiDatePicker';
+// import { DatePicker as MuiDatePicker, LocalizationProvider } from '@mui/x-date-pickers';
+import DatePickerButton from './DatePickerButton';
+
+interface DatePickerProps {
+  valueString: string;
+  readOnly: boolean;
+  anchorEl: HTMLElement | null;
+  onSelectDate: (newValueDayjs: Dayjs) => void;
+  onFocus: (focus: boolean) => void;
+}
+
+function DatePicker(props: DatePickerProps) {
+  const { valueString, readOnly, anchorEl, onSelectDate, onFocus } = props;
+
+  const [open, setOpen] = useState(false);
+
+  const valueDayJs = valueString ? dayjs(valueString, 'DD/MM/YYYY') : null;
+
+  return (
+    <LocalizationProvider dateAdapter={AdapterDayjs}>
+      <MuiDatePicker
+        value={valueDayJs ?? null}
+        disabled={readOnly}
+        slots={{ field: DatePickerButton }}
+        slotProps={{
+          field: {
+            onOpen: () => {
+              setOpen(!open);
+              onFocus(true);
+            },
+            readOnly: readOnly
+          } as any,
+          textField: {
+            size: 'small'
+          },
+          popper: {
+            anchorEl: () => anchorEl as HTMLElement
+          }
+        }}
+        open={open}
+        onClose={() => {
+          setOpen(false);
+          onFocus(false);
+        }}
+        onChange={(newValue) => {
+          if (!newValue) {
+            return;
+          }
+
+          onSelectDate(newValue);
+          onFocus(false);
+        }}
+      />
+    </LocalizationProvider>
+  );
+}
+
+export default DatePicker;

package/src/components/FormComponents/CustomDateItem/customDateTimePicker/DatePickerButton.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import type {
+  BaseSingleInputFieldProps,
+  DateValidationError,
+  FieldSection
+} from '@mui/x-date-pickers/models';
+import type { Dayjs } from 'dayjs';
+import IconButton from '@mui/material/IconButton';
+import EventIcon from '@mui/icons-material/Event';
+
+interface DatePickerButtonProps
+  extends BaseSingleInputFieldProps<Dayjs | null, Dayjs, FieldSection, DateValidationError> {
+  onOpen?: () => void;
+  readOnly?: boolean;
+}
+
+function DatePickerButton(props: DatePickerButtonProps) {
+  const { onOpen, readOnly } = props;
+
+  return (
+    <IconButton
+      sx={{ height: 24, width: 24 }}
+      disabled={readOnly}
+      onClick={(e) => {
+        e.stopPropagation();
+        onOpen?.();
+      }}>
+      <EventIcon fontSize="small" />
+    </IconButton>
+  );
+}
+
+export default DatePickerButton;

package/src/components/FormComponents/{Typography.styles.ts → CustomDateItem/customDateTimePicker/MuiDatePicker.ts}

@@ -15,11 +15,8 @@
  * limitations under the License.
  */
 
-import { styled } from '@mui/material/styles';
-import Typography from '@mui/material/Typography';
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 
-export const QGroupHeadingTypography = styled(Typography, {
-  shouldForwardProp: (prop) => prop !== 'isTabHeading'
-})<{ isTabHeading?: boolean }>(({ isTabHeading }) => ({
-  fontSize: isTabHeading ? 16 : 15
-}));
+const MuiDatePicker = DatePicker;
+
+export default MuiDatePicker;

package/src/components/FormComponents/CustomDateItem/customDateTimePicker/index.ts

@@ -0,0 +1,18 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export * from './utils';

package/src/components/FormComponents/CustomDateItem/customDateTimePicker/utils/index.ts

@@ -0,0 +1,18 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { parseFhirDateToDisplayDate } from './parseDates';

package/src/components/FormComponents/CustomDateItem/customDateTimePicker/utils/parseDates.ts

@@ -0,0 +1,154 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import dayjs from 'dayjs';
+
+const inputMatchRegex = /(\d{4}|\d{3}|\d{2})/g;
+
+export function validateInput(input: string) {
+  const matches = input.match(inputMatchRegex);
+
+  if (!matches) {
+    return false;
+  }
+
+  const seperator = input.includes('/') ? '/' : null;
+
+  if (matches.length === 1) {
+    // seperator not supposed to be present if only one match present
+    if (seperator) {
+      return false;
+    }
+
+    return matches[0].length === 4;
+  }
+
+  // Invalid if seperator is not present
+  if (!seperator) {
+    return false;
+  }
+
+  // Invalid if num of slots don't match the number of regex matches
+  const slotsMatched = input.split(seperator);
+  if (slotsMatched.length != matches.length) {
+    return false;
+  }
+
+  // Handle MM/YYYY format
+  if (matches.length === 2) {
+    return validateTwoMatches(matches[0], matches[1]);
+  }
+
+  // Handle DD/MM/YYYY format
+  if (matches.length === 3) {
+    return validateThreeMatches(matches[0], matches[1], matches[2]);
+  }
+
+  return false;
+}
+
+export function validateTwoMatches(monthInput: string, yearInput: string) {
+  const monthNum = parseInt(monthInput, 10);
+  if (monthNum < 1 || monthNum > 12) {
+    return false;
+  }
+
+  return (monthInput.length === 1 || monthInput.length === 2) && yearInput.length === 4;
+}
+
+export function validateThreeMatches(dayInput: string, monthInput: string, yearInput: string) {
+  const dayNum = parseInt(dayInput, 10);
+  if (dayNum < 1 || dayNum > 31) {
+    return false;
+  }
+
+  const monthNum = parseInt(monthInput, 10);
+  if (monthNum < 1 || monthNum > 12) {
+    return false;
+  }
+
+  return (
+    (dayInput.length === 1 || dayInput.length === 2) &&
+    (monthInput.length === 1 || monthInput.length === 2) &&
+    yearInput.length === 4
+  );
+}
+
+export function getNumOfSeparators(valueDate: string, seperator: string) {
+  const regex = new RegExp(seperator, 'g');
+  return [...valueDate.matchAll(regex)].length;
+}
+
+export function parseFhirDateToDisplayDate(fhirDate: string): {
+  displayDate: string;
+  parseFail?: boolean;
+} {
+  if (fhirDate.length === 0) {
+    return { displayDate: '' };
+  }
+
+  const numOfSeparators = getNumOfSeparators(fhirDate, '-');
+
+  if (numOfSeparators === 2) {
+    const threeMatchesDate = dayjs(fhirDate, `YYYY-MM-DD`);
+    if (threeMatchesDate.isValid()) {
+      return { displayDate: threeMatchesDate.format('DD/MM/YYYY') };
+    }
+  }
+
+  if (numOfSeparators === 1) {
+    const twoMatchesDate = dayjs(fhirDate, `YYYY-MM`);
+    if (twoMatchesDate.isValid()) {
+      return { displayDate: twoMatchesDate.format('MM/YYYY') };
+    }
+  }
+
+  const oneMatchDate = dayjs(fhirDate, `YYYY`);
+  if (oneMatchDate.isValid()) {
+    return { displayDate: oneMatchDate.format('YYYY') };
+  }
+
+  return { displayDate: fhirDate, parseFail: true };
+}
+
+export function parseInputDateToFhirDate(displayDate: string) {
+  const numOfSeparators = getNumOfSeparators(displayDate, '/');
+
+  if (numOfSeparators === 2) {
+    const threeMatchesDate = dayjs(displayDate, `DD/MM/YYYY`);
+    if (threeMatchesDate.isValid()) {
+      return threeMatchesDate.format('YYYY-MM-DD');
+    }
+  }
+
+  if (numOfSeparators === 1) {
+    const twoMatchesDate = dayjs(displayDate, `MM/YYYY`);
+    if (twoMatchesDate.isValid()) {
+      return twoMatchesDate.format('YYYY-MM');
+    }
+  }
+
+  if (displayDate.length === 4) {
+    const oneMatchDate = dayjs(displayDate, 'YYYY');
+    if (oneMatchDate.isValid()) {
+      return displayDate;
+    }
+  }
+
+  // Default to YYYY-MM-DD format if all else fails
+  return dayjs(displayDate).format('YYYY-MM-DD');
+}

package/src/components/FormComponents/CustomDateItem/index.ts

@@ -0,0 +1,18 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export * from './customDateTimePicker';