feat(RelativeDateField): add roundUp prop

Author: ValeraS

src/components/RelativeDateField/hooks/useRelativeDateFieldState.ts

@@ -33,6 +33,8 @@ export interface RelativeDateFieldState {
 
 export interface RelativeDateFieldOptions extends ValueBase<string | null>, InputBase, Validation {
     timeZone?: string;
+    /** Round up parsed date to the nearest granularity. */
+    roundUp?: boolean;
 }
 export function useRelativeDateFieldState(props: RelativeDateFieldOptions): RelativeDateFieldState {
     const [value, setValue] = useControlledState(
@@ -67,7 +69,7 @@ export function useRelativeDateFieldState(props: RelativeDateFieldOptions): Rela
         if (!value) {
             return null;
         }
-        return dateTimeParse(value, {timeZone: props.timeZone}) ?? null;
+        return dateTimeParse(value, {timeZone: props.timeZone, roundUp: props.roundUp}) ?? null;
     }, [value, props.timeZone]);
 
     const [lastCorrectDate, setLastCorrectDate] = React.useState(parsedDate);

src/components/RelativeDatePicker/hooks/useRelativeDatePickerState.ts

@@ -21,7 +21,10 @@ export type Value =
 
 export type RelativeDatePickerMode = Value['type'];
 
-export interface RelativeDatePickerStateOptions extends DateFieldBase<Value> {}
+export interface RelativeDatePickerStateOptions extends DateFieldBase<Value> {
+    /** Round up parsed date to the nearest granularity. */
+    roundUp?: boolean;
+}
 
 export interface RelativeDatePickerState {
     value: Value | null;
@@ -114,6 +117,7 @@ export function useRelativeDatePickerState(
         disabled: props.disabled,
         readOnly: props.readOnly,
         timeZone: datePickerState.timeZone,
+        roundUp: props.roundUp,
     });
 
     if (!value) {