20 lines
700 B
React
20 lines
700 B
React
|
|
import { useState } from "react";
|
||
|
|
import { DropdownButton, Dropdown } from "react-bootstrap";
|
||
|
|
|
||
|
|
const BudgetPeriodForm = () => {
|
||
|
|
const [tmp, setTmp] = useState(0);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="budget-period-form">
|
||
|
|
<h1>Choose Budget Period</h1>
|
||
|
|
<DropdownButton id="dropdown-basic-button" title="Select budget period">
|
||
|
|
<Dropdown.Item href="#/action-1">Weekly</Dropdown.Item>
|
||
|
|
<Dropdown.Item href="#/action-2">Bi-Weekly</Dropdown.Item>
|
||
|
|
<Dropdown.Item href="#/action-3">Bi-Monthly</Dropdown.Item>
|
||
|
|
<Dropdown.Item href="#/action-4">Monthly</Dropdown.Item>
|
||
|
|
</DropdownButton>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default BudgetPeriodForm;
|