How to use the @uifabric/utilities.getId function in @uifabric/utilities

dateTimeFormatter,
      styles,
      theme,
      className,
      onHeaderSelect,
      showSixWeeksByDefault,
      minDate,
      maxDate,
      restrictedDates,
      onNavigateDate,
      showWeekNumbers,
      dateRangeType,
      animationDirection
    } = this.props;
    const dayPickerId = getId();
    const monthAndYearId = getId();

    const classNames = getClassNames(styles, {
      theme: theme!,
      className: className,
      headerIsClickable: !!onHeaderSelect,
      showWeekNumbers: showWeekNumbers,
      animateBackwards: this.state.animateBackwards,
      animationDirection: animationDirection
    });

    return (
      <div id="{dayPickerId}">
        <div>
          </div></div>

navigatedDate,
      dateTimeFormatter,
      styles,
      theme,
      className,
      onHeaderSelect,
      showSixWeeksByDefault,
      minDate,
      maxDate,
      restrictedDates,
      onNavigateDate,
      showWeekNumbers,
      dateRangeType,
      animationDirection
    } = this.props;
    const dayPickerId = getId();
    const monthAndYearId = getId();

    const classNames = getClassNames(styles, {
      theme: theme!,
      className: className,
      headerIsClickable: !!onHeaderSelect,
      showWeekNumbers: showWeekNumbers,
      animateBackwards: this.state.animateBackwards,
      animationDirection: animationDirection
    });

    return (
      <div id="{dayPickerId}">
        <div>
          </div></div>

constructor(props: IDatePickerProps) {
    super(props);
    this.state = this._getDefaultState();

    this._id = props.id || getId('DatePicker');

    this._preventFocusOpeningPicker = false;
  }

underlined,
      allFocusable,
      calendarAs: CalendarType = Calendar,
      tabIndex
    } = this.props;
    const { isDatePickerShown, formattedDate, selectedDate } = this.state;

    const classNames = getClassNames(styles, {
      theme: theme!,
      className,
      disabled,
      label: !!label,
      isDatePickerShown
    });

    const calloutId = getId('DatePicker-Callout');
    const nativeProps = getNativeProps>(this.props, divProperties, ['value']);
    const iconProps = textFieldProps && textFieldProps.iconProps;

    return (
      <div>
        <div aria-owns="{isDatePickerShown" aria-haspopup="true">
          </div></div>

constructor(props: IFocusZoneProps) {
    super(props)

    this._warnDeprecations({
      rootProps: undefined,
      allowTabKey: 'handleTabKey',
    })

    this._id = getId('FocusZone')

    this._focusAlignment = {
      left: 0,
      top: 0,
    }

    this._processingTabKey = false
  }

public constructor(props: ICalendarDayGridProps) {
    super(props);

    this.state = {
      activeDescendantId: getId(),
      weeks: this._getWeeks(props)
    };

    this._onClose = this._onClose.bind(this);
  }