How to use the @blueprintjs/timezone.TimezoneDisplayFormat.COMPOSITE function in @blueprintjs/timezone
To help you get started, we’ve selected a few @blueprintjs/timezone examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
palantir / blueprint / packages / docs-app / src / examples / timezone-examples / timezonePickerExample.tsx View on Github 
public render() {
const { timezone, targetDisplayFormat, disabled, showCustomTarget, showLocalTimezone } = this.state;
const options = (
<>
<h5>Props</h5>import { CustomTimezonePickerTarget } from "./components";
export interface ITimezonePickerExampleState {
disabled: boolean;
showCustomTarget: boolean;
showLocalTimezone: boolean;
targetDisplayFormat: TimezoneDisplayFormat;
timezone: string;
}
export class TimezonePickerExample extends React.PureComponent {
public state: ITimezonePickerExampleState = {
disabled: false,
showCustomTarget: false,
showLocalTimezone: true,
targetDisplayFormat: TimezoneDisplayFormat.COMPOSITE,
timezone: "",
};
private handleDisabledChange = handleBooleanChange(disabled => this.setState({ disabled }));
private handleShowLocalChange = handleBooleanChange(showLocalTimezone => this.setState({ showLocalTimezone }));
private handleCustomChildChange = handleBooleanChange(showCustomTarget => this.setState({ showCustomTarget }));
private handleFormatChange = handleStringChange((targetDisplayFormat: TimezoneDisplayFormat) =>
this.setState({ targetDisplayFormat }),
);
public render() {
const { timezone, targetDisplayFormat, disabled, showCustomTarget, showLocalTimezone } = this.state;
const options = (
<>
<h5>Props</h5>@blueprintjs/timezone
Components related to timezone selection and UI
