Feat/hide calendar header

packages/calendar/src/Component.test.tsx

@@ -41,12 +41,15 @@ describe('Calendar', () => {
             ).toMatchSnapshot();
         });
 
-        it.each(['month-only', 'full'])('should match selectorView="%s" snapshot', view => {
-            expect(
-                render(<Calendar value={defaultValue} selectorView={view as SelectorView} />)
-                    .container,
-            ).toMatchSnapshot();
-        });
+        it.each(['month-only', 'full', 'empty'])(
+            'should match selectorView="%s" snapshot',
+            view => {
+                expect(
+                    render(<Calendar value={defaultValue} selectorView={view as SelectorView} />)
+                        .container,
+                ).toMatchSnapshot();
+            },
+        );
     });
 
     it('should set `data-test-id` attribute', () => {

packages/calendar/src/Component.tsx

@@ -28,7 +28,7 @@ export type CalendarProps = {
     defaultView?: View;
 
     /**
-     * Вид шапки — месяц и год или только месяц
+     * Вид шапки — месяц и год или только месяц или без шапки
      */
     selectorView?: SelectorView;
 
@@ -253,27 +253,29 @@ export const Calendar = forwardRef<HTMLDivElement, CalendarProps>(
                 })}
                 data-test-id={dataTestId}
             >
-                <Header view={selectorView} withShadow={scrolled}>
-                    {selectorView === 'month-only' ? (
-                        <PeriodSlider
-                            className={styles.period}
-                            value={activeMonth}
-                            periodType='month'
-                            prevArrowDisabled={!canSetPrevMonth}
-                            nextArrowDisabled={!canSetNextMonth}
-                            hideDisabledArrows={true}
-                            onPrevArrowClick={handlePrevArrowClick}
-                            onNextArrowClick={handleNextArrowClick}
-                        />
-                    ) : (
-                        <MonthYearHeader
-                            className={styles.monthYear}
-                            value={activeMonth}
-                            onMonthClick={handleMonthClick}
-                            onYearClick={handleYearClick}
-                        />
-                    )}
-                </Header>
+                {selectorView !== 'empty' && (
+                    <Header view={selectorView} withShadow={scrolled}>
+                        {selectorView === 'month-only' ? (
+                            <PeriodSlider
+                                className={styles.period}
+                                value={activeMonth}
+                                periodType='month'
+                                prevArrowDisabled={!canSetPrevMonth}
+                                nextArrowDisabled={!canSetNextMonth}
+                                hideDisabledArrows={true}
+                                onPrevArrowClick={handlePrevArrowClick}
+                                onNextArrowClick={handleNextArrowClick}
+                            />
+                        ) : (
+                            <MonthYearHeader
+                                className={styles.monthYear}
+                                value={activeMonth}
+                                onMonthClick={handleMonthClick}
+                                onYearClick={handleYearClick}
+                            />
+                        )}
+                    </Header>
+                )}
 
                 <div className={cn(styles.container, styles[view])}>
                     {view === 'days' && (