monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
3 lines (2 loc) • 964 B
JavaScript
import e from"react";import o from"../../Icon/Icons/components/DropdownChevronUp.js";import t from"../../Icon/Icons/components/DropdownChevronDown.js";import n from"moment";import a from"./DatePickerHeader.module.scss.js";import r from"../../Icon/Icon.js";var c=function(c){var i,l=c.isMonthYearSelection,m=c.onToggleMonthYearPicker,s=c.hideNavigationKeys,d=c["data-testid"],p=c.ariaLabel,u=void 0===p?"Toggle select year":p,v=n(c.currentDate.valueOf()),f=v.format("MMMM"),b=v.format("YYYY");return e.createElement("div",{className:a.datePickerHeader},e.createElement("div",null,f+" "+b),!s&&e.createElement("button",{"data-testid":"".concat(d,"-year-toggle"),type:"button",className:a.button,"aria-label":u,onClick:m},e.createElement("div",{className:a.buttonContent},e.createElement(r,{iconType:null===(i=null==r?void 0:r.type)||void 0===i?void 0:i.SVG,icon:l?o:t,iconSize:24,clickable:!1}))))};export{c as default};
//# sourceMappingURL=DatePickerHeader.js.map