Как установить время начала за 3 часа до текущего времени и время окончания как текущее время (с помощью приложения materialui реагировать)

Question

** Как установить время начала за 3 часа до текущего времени и время окончания как текущее время (с помощью приложения materialui response) время по умолчанию должно показывать текущее время -3, а время окончания должно показывать значение по умолчанию как текущее время.

Кроме того, время должно отображаться как PST всегда независимо от моего местоположения **

import {
    MuiPickersUtilsProvider,
    DateTimePicker
} from "@material-ui/pickers";

export default function CustomDateTimePicker(props) {
    return (
        <MuiPickersUtilsProvider utils={DateFnsUtils}>
<DateTimePicker value={StartDateTime}
                    defaultValue={StartDateTime} />

const [StartDateTime, setStartDateTime] = useState(new Date());
const [EndDateTime, setEndDateTime] = useState(new Date());

<CustomDateTimePicker label="starttime" selection={StartDateTime}
                                defaultValue={StartDateTime}

<CustomDateTimePicker label="endtime" selection={StartDateTime}
                                defaultValue={StartDateTime}```

//-----
Tried overriding the format function inside DateFnsUtils but didnt work------------
format(date: Date, formatString: string) {
        return formatTz(date, formatString, {
          timeZone: "America/Los_Angeles",
          locale: this.locale
        });
    }