@gravity-ui/date-components 2.0.1 → 2.2.0

package/dist/esm/components/RelativeDatePicker/RelativeDatePicker.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Calendar as CalendarIcon, Function as FunctionIcon } from '@gravity-ui/icons';
+import { Calendar as CalendarIcon, Clock as ClockIcon, Function as FunctionIcon, } from '@gravity-ui/icons';
 import { Button, Icon, Popup, TextInput, useMobile } from '@gravity-ui/uikit';
 import { block } from '../../utils/cn';
 import { Calendar } from '../Calendar';
 import { DateField } from '../DateField';
-import { MobileCalendar, MobileCalendarIcon } from '../DatePicker/MobileCalendar';
+import { MobileCalendar } from '../DatePicker/MobileCalendar';
+import { StubButton } from '../DatePicker/StubButton';
 import { useRelativeDatePickerProps } from './hooks/useRelativeDatePickerProps';
 import { useRelativeDatePickerState } from './hooks/useRelativeDatePickerState';
 import './RelativeDatePicker.css';
@@ -15,15 +16,16 @@ export function RelativeDatePicker(props) {
     const { groupProps, fieldProps, modeSwitcherProps, calendarButtonProps, popupProps, calendarProps, timeInputProps, } = useRelativeDatePickerProps(state, props);
     const anchorRef = React.useRef(null);
     const isMobile = useMobile();
+    const isOnlyTime = state.datePickerState.hasTime && !state.datePickerState.hasDate;
     return (_jsxs("div", Object.assign({ ref: anchorRef, className: b(null, props.className) }, groupProps, { children: [isMobile && state.mode === 'absolute' && (_jsx(MobileCalendar, { state: state.datePickerState, props: {
                     id: props.id,
                     disabled: props.disabled,
                     readOnly: props.readOnly,
                     placeholderValue: props.placeholderValue,
                     timeZone: props.timeZone,
-                } })), _jsx(TextInput, Object.assign({}, fieldProps, { controlProps: Object.assign(Object.assign({}, fieldProps.controlProps), { disabled: isMobile && state.mode === 'absolute', className: b('input', { mobile: isMobile && state.mode === 'absolute' }) }), hasClear: props.hasClear && !(isMobile && state.mode === 'absolute'), startContent: _jsx(Button, Object.assign({}, modeSwitcherProps, { children: _jsx(Icon, { data: FunctionIcon }) })), endContent: _jsxs(React.Fragment, { children: [!isMobile && (_jsx(Button, Object.assign({}, calendarButtonProps, { children: _jsx(Icon, { data: CalendarIcon }) }))), isMobile && state.mode === 'absolute' && (_jsx(MobileCalendarIcon, { state: state.datePickerState, props: { size: props.size } }))] }) })), _jsx("input", { type: "text", hidden: true, name: props.name, value: getNativeValue(state.value), 
+                } })), _jsx(TextInput, Object.assign({}, fieldProps, { controlProps: Object.assign(Object.assign({}, fieldProps.controlProps), { disabled: isMobile && state.mode === 'absolute', className: b('input', { mobile: isMobile && state.mode === 'absolute' }) }), hasClear: props.hasClear && !(isMobile && state.mode === 'absolute'), startContent: _jsx(Button, Object.assign({}, modeSwitcherProps, { children: _jsx(Icon, { data: FunctionIcon }) })), endContent: _jsxs(React.Fragment, { children: [!isMobile && !isOnlyTime && (_jsx(Button, Object.assign({}, calendarButtonProps, { children: _jsx(Icon, { data: CalendarIcon }) }))), !isMobile && isOnlyTime && (_jsx(StubButton, { size: calendarButtonProps.size, icon: ClockIcon })), isMobile && state.mode === 'absolute' && (_jsx(StubButton, { size: calendarButtonProps.size, icon: isOnlyTime ? ClockIcon : CalendarIcon }))] }) })), _jsx("input", { type: "text", hidden: true, name: props.name, value: getNativeValue(state.value), 
                 // Ignore React warning
-                onChange: () => { } }), !isMobile && (_jsx(Popup, Object.assign({}, popupProps, { anchorRef: anchorRef, children: _jsxs("div", { className: b('popup-content'), children: [typeof props.children === 'function' ? (props.children(calendarProps)) : (_jsx(Calendar, Object.assign({}, calendarProps))), state.datePickerState.hasTime && (_jsx("div", { className: b('time-field-wrapper'), children: _jsx(DateField, Object.assign({}, timeInputProps)) }))] }) })))] })));
+                onChange: () => { } }), !isMobile && !isOnlyTime && (_jsx(Popup, Object.assign({}, popupProps, { anchorRef: anchorRef, children: _jsxs("div", { className: b('popup-content'), children: [typeof props.children === 'function' ? (props.children(calendarProps)) : (_jsx(Calendar, Object.assign({}, calendarProps))), state.datePickerState.hasTime && (_jsx("div", { className: b('time-field-wrapper'), children: _jsx(DateField, Object.assign({}, timeInputProps)) }))] }) })))] })));
 }
 function getNativeValue(value) {
     if (!value) {

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/PresetsDoc.js

@@ -32,7 +32,7 @@ const data = [
         get title() {
             return i18n('Last 5 minutes');
         },
-        from: 'now — 5m',
+        from: 'now - 5m',
         to: 'now',
     },
     {
@@ -60,8 +60,8 @@ const data = [
         get title() {
             return i18n('Previous month');
         },
-        from: 'now — 1M/M',
-        to: 'now — 1M/M',
+        from: 'now - 1M/M',
+        to: 'now - 1M/M',
     },
 ];
 function PresetsExamples({ size }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/date-components",
-  "version": "2.0.1",
+  "version": "2.2.0",
   "description": "",
   "license": "MIT",
   "main": "dist/cjs/index.js",
@@ -48,7 +48,7 @@
     "@bem-react/classname": "^1.6.0",
     "@gravity-ui/date-utils": "^2.0.1",
     "@gravity-ui/icons": "^2.2.0",
-    "tslib": "2.6.2"
+    "tslib": "^2.6.2"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.22.9",

package/dist/esm/components/DatePicker/utils.js

@@ -1,2 +0,0 @@
-import { block } from '../../utils/cn';
-export const b = block('date-picker');