d ? applyDateToTime()

in src/data-table/column-datetime.tsx [403:497]
88 lines of code
8 McCabe index (conditional complexity)

                        d ? applyDateToTime(rangeDates[i], d) : null
                      );
                      setRangeDates(nextDates);
                    }
                  }}
                  formatString={DATE_FORMAT}
                  mask={MASK}
                  placeholder="MM-DD-YYYY - MM-DD-YYYY"
                  minDate={datesSorted[0]}
                  maxDate={datesSorted[datesSorted.length - 1]}
                  timeSelectStart={rangeOperator[0].id === DATETIME_OPERATIONS.RANGE_DATETIME}
                  timeSelectEnd={rangeOperator[0].id === DATETIME_OPERATIONS.RANGE_DATETIME}
                  overrides={{ TimeSelect: { props: { size: 'compact' } } }}
                  range
                  size="compact"
                  locale={props.locale}
                />
              )}
            </div>

            {(rangeOperator[0].id === DATETIME_OPERATIONS.RANGE_DATETIME ||
              rangeOperator[0].id === DATETIME_OPERATIONS.RANGE_TIME) && (
              <div
                className={css({
                  display: 'flex',
                  paddingTop: theme.sizing.scale100,
                })}
              >
                <div
                  className={css({
                    width: '100%',
                    marginRight: theme.sizing.scale300,
                  })}
                >
                  <TimePicker
                    format="24"
                    value={rangeDates[0]}
                    onChange={(time) =>
                      time && setRangeDates([applyTimeToDate(rangeDates[0], time), rangeDates[1]])
                    }
                    creatable
                    size="compact"
                  />
                </div>

                <div
                  className={css({
                    width: '100%',
                  })}
                >
                  <TimePicker
                    format="24"
                    value={rangeDates[1]}
                    onChange={(time) =>
                      time && setRangeDates([rangeDates[0], applyTimeToDate(rangeDates[1], time)])
                    }
                    creatable
                    size="compact"
                  />
                </div>
              </div>
            )}
          </div>
        )}

        {isCategorical && (
          <div>
            <Select
              value={categoricalOperator}
              onChange={(params) => setCategoricalOperator(params.value)}
              options={CATEGORICAL_OPERATIONS.map((op) => ({
                // @ts-ignore
                label: locale.datatable[op.localeLabelKey],
                id: op.id,
              }))}
              // eslint-disable-next-line @typescript-eslint/no-explicit-any
              mountNode={mountNode.current as any}
              size="compact"
              clearable={false}
            />

            <div
              className={css({
                paddingLeft: theme.sizing.scale300,
                paddingTop: theme.sizing.scale500,
              })}
            >
              {categoricalOperator[0].id === DATETIME_OPERATIONS.WEEKDAY && (
                <Checks
                  value={weekdays}
                  setValue={setWeekdays}
                  options={localizedWeekdays.map((w, offset) => {
                    const day = addDays(startOfWeek, offset);

                    return {