How to use @uifabric/date-time - 10 common examples

const { firstDayOfWeek } = this.state;

    return (
      <div>
        
        </div>

constructor(props: {}) {
    super(props);

    this.state = {
      firstDayOfWeek: DayOfWeek.Sunday
    };
  }

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

    this.state = {
      firstDayOfWeek: DayOfWeek.Sunday,
      value: null
    };
  }

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

    this.state = {
      firstDayOfWeek: DayOfWeek.Sunday
    };
  }

<div>
        
        </div>

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

    this.state = {
      firstDayOfWeek: DayOfWeek.Sunday
    };
  }

{' '}
              {this.props.restrictedDates.length > 0
                ? this.props.restrictedDates.map((d: Date) => d.toLocaleDateString()).join(', ')
                : 'Not set'}
            
          
        )}
        {this.props.showExpandButton && (
          <div>
            
          </div>
        )}
        
        {this.props.showNavigateButtons &amp;&amp; (
          <div>
            
            
          </div>
        )}
      
    );
  }

)}
        {this.props.restrictedDates && (
          <div>
            Disabled date(s):
            <span>
              {' '}
              {this.props.restrictedDates.length &gt; 0
                ? this.props.restrictedDates.map((d: Date) =&gt; d.toLocaleDateString()).join(', ')
                : 'Not set'}
            </span>
          </div>
        )}
        
        {this.props.showNavigateButtons &amp;&amp; (
          <div>
            
            
          </div>
        )}
      
    );
  }

constructor(props: {}) {
    super(props);

    this.state = {
      firstDayOfWeek: DayOfWeek.Sunday,
      value: null
    };
  }

isBeakVisible={false}
            className="ms-DatePicker-callout"
            gapSpace={0}
            doNotLayer={false}
            target={this._calendarButtonElement}
            directionalHint={DirectionalHint.bottomLeftEdge}
            onDismiss={this._onDismiss}
            setInitialFocus={true}
          >
            
              
            
          
        )}
      
    );
  }