@abbl/material-calendar
Version:
Calendar component build with React and Material-UI
18 lines • 1.12 kB
JavaScript
import { Grid } from '@material-ui/core';
import React, { useContext, useMemo } from 'react';
import SelectInput from '../../../common/components/selectInput/SelectInput';
import { CalendarContext } from '../../../common/contexts/CalendarContext';
import { ViewContext } from '../../../common/contexts/ViewContext';
export default function NavigationBarViewSelect() {
var viewContext = useContext(ViewContext);
var calendarContext = useContext(CalendarContext);
function getSelectInputOptions() {
return calendarContext.views.map(function (view) {
return { name: view.name[calendarContext.locale], source: view };
});
}
return (React.createElement(React.Fragment, null,
React.createElement(Grid, { item: true },
React.createElement("div", { style: { display: 'inline' } }, useMemo(function () { return (React.createElement(SelectInput, { onInputChange: viewContext.setView, variant: "outlined", options: getSelectInputOptions(), overrideOption: viewContext.view })); }, [viewContext.view])))));
}
//# sourceMappingURL=NavigationBarViewSelect.js.map