@blueprintjs/datetime
Version:
Components for interacting with dates and times
88 lines • 5.01 kB
JavaScript
/*
* Copyright 2018 Palantir Technologies, Inc. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { __extends, __spreadArray } from "tslib";
import * as React from "react";
import { Menu, MenuItem } from "@blueprintjs/core";
import { Classes } from "../../common";
import { clone, isDayRangeInRange } from "../../common/dateUtils";
/**
* Menu of {@link DateRangeShortcut} items, typically displayed in the UI to the left of a day picker calendar.
*
* This component may be used for single date pickers as well as range pickers by toggling the
* `useSingleDateShortcuts` option.
*/
var DatePickerShortcutMenu = /** @class */ (function (_super) {
__extends(DatePickerShortcutMenu, _super);
function DatePickerShortcutMenu() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.getShorcutClickHandler = function (shortcut, index) { return function () {
var onShortcutClick = _this.props.onShortcutClick;
onShortcutClick(shortcut, index);
}; };
_this.isShortcutInRange = function (shortcutDateRange) {
var _a = _this.props, minDate = _a.minDate, maxDate = _a.maxDate;
return isDayRangeInRange(shortcutDateRange, [minDate, maxDate]);
};
return _this;
}
DatePickerShortcutMenu.prototype.render = function () {
var _this = this;
var shortcuts = this.props.shortcuts === true
? createDefaultShortcuts(this.props.allowSingleDayRange, this.props.timePrecision !== undefined, this.props.useSingleDateShortcuts === true)
: this.props.shortcuts;
var shortcutElements = shortcuts.map(function (shortcut, index) { return (React.createElement(MenuItem, { active: _this.props.selectedShortcutIndex === index, disabled: !_this.isShortcutInRange(shortcut.dateRange), key: index, onClick: _this.getShorcutClickHandler(shortcut, index), shouldDismissPopover: false, text: shortcut.label })); });
return (React.createElement(Menu, { "aria-label": "Date picker shortcuts", className: Classes.DATERANGEPICKER_SHORTCUTS, tabIndex: 0 }, shortcutElements));
};
DatePickerShortcutMenu.defaultProps = {
selectedShortcutIndex: -1,
};
return DatePickerShortcutMenu;
}(React.PureComponent));
export { DatePickerShortcutMenu };
function createShortcut(label, dateRange) {
return { dateRange: dateRange, label: label };
}
function createDefaultShortcuts(allowSingleDayRange, hasTimePrecision, useSingleDateShortcuts) {
var today = new Date();
var makeDate = function (action) {
var returnVal = clone(today);
action(returnVal);
returnVal.setDate(returnVal.getDate() + 1);
return returnVal;
};
var tomorrow = makeDate(function () { return null; });
var yesterday = makeDate(function (d) { return d.setDate(d.getDate() - 2); });
var oneWeekAgo = makeDate(function (d) { return d.setDate(d.getDate() - 7); });
var oneMonthAgo = makeDate(function (d) { return d.setMonth(d.getMonth() - 1); });
var threeMonthsAgo = makeDate(function (d) { return d.setMonth(d.getMonth() - 3); });
var sixMonthsAgo = makeDate(function (d) { return d.setMonth(d.getMonth() - 6); });
var oneYearAgo = makeDate(function (d) { return d.setFullYear(d.getFullYear() - 1); });
var twoYearsAgo = makeDate(function (d) { return d.setFullYear(d.getFullYear() - 2); });
var singleDayShortcuts = allowSingleDayRange || useSingleDateShortcuts
? [
createShortcut("Today", [today, hasTimePrecision ? tomorrow : today]),
createShortcut("Yesterday", [yesterday, hasTimePrecision ? today : yesterday]),
]
: [];
return __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], singleDayShortcuts, true), [
createShortcut(useSingleDateShortcuts ? "1 week ago" : "Past week", [oneWeekAgo, today]),
createShortcut(useSingleDateShortcuts ? "1 month ago" : "Past month", [oneMonthAgo, today]),
createShortcut(useSingleDateShortcuts ? "3 months ago" : "Past 3 months", [threeMonthsAgo, today])
], false), (useSingleDateShortcuts ? [] : [createShortcut("Past 6 months", [sixMonthsAgo, today])]), true), [
createShortcut(useSingleDateShortcuts ? "1 year ago" : "Past year", [oneYearAgo, today])
], false), (useSingleDateShortcuts ? [] : [createShortcut("Past 2 years", [twoYearsAgo, today])]), true);
}
//# sourceMappingURL=shortcuts.js.map