6427dc5285
This adds a Timezone select, the select is typeahead and allows to filter through all defaultTimezones. It's also scrollable so it doesn't take up all of the space. The NTP servers are currently in a text input, the server is added by confirming with a space, comma or an Enter, making the server a chip and adding it to the array of NTP servers.
21 lines
493 B
TypeScript
21 lines
493 B
TypeScript
import React from 'react';
|
|
|
|
import { Text, Form, Title } from '@patternfly/react-core';
|
|
|
|
import NtpServersInput from './components/NtpServersInput';
|
|
import TimezoneDropDown from './components/TimezoneDropDown';
|
|
|
|
const TimezoneStep = () => {
|
|
return (
|
|
<Form>
|
|
<Title headingLevel="h1" size="xl">
|
|
Timezone
|
|
</Title>
|
|
<Text>Select a timezone for your image.</Text>
|
|
<TimezoneDropDown />
|
|
<NtpServersInput />
|
|
</Form>
|
|
);
|
|
};
|
|
|
|
export default TimezoneStep;
|