Is it possible to change the font of range labels?

[joaobraganca555]

Subject of the issue

Is it possible to change the font family of the range labels (Today, Yesterday, This Week, Last Week, This Month, Last Month)? Or put the font equal to the rest of the DateRangePicker?

[joaobraganca555]

Just override like that!

const useStyles = makeStyles((theme) => ({
  dateRangePickerFont: {
    fontFamily: theme.typography.fontFamily,
    '& .rdrStaticRangeLabel': {
      fontFamily: theme.typography.fontFamily
    }
  }
}));

<DateRangePicker
      className={classes.dateRangePickerFont}
      onChange={(item) => {
        setDates([item.selection]);
      }}
      showSelectionPreview
      moveRangeOnFirstSelection={false}
      months={2}
      ranges={dates}
      direction="horizontal"
      maxDate={new Date()}
      rangeColors={[theme.palette.primary.main]}
      />