web: components: Moved story for DatePicker + added base test

web/ASC.Web.Components/src/components/calendar-new/calendar.stories.js

@@ -20,7 +20,7 @@ const arraySize = ['base', 'big'];
 storiesOf('Components|Calendar', module)
   .addDecorator(withKnobs)
   .addDecorator(withReadme(Readme))
-  .add('calendar', () => (
+  .add('base', () => (
       <NewCalendar
         onChange={date => {
           action('Selected date')(date);

web/ASC.Web.Components/src/components/date-picker/README.md

@@ -1,27 +1,22 @@
-# Calendar
+# DatePicker
 
 #### Description
 
-Custom calendar
+DatePicker
 
 #### Usage
 
 ```js
-import { NewCalendar } from 'asc-web-components';
+import { DatePicker } from 'asc-web-components';
 
-<NewCalendar
-    onChange={date => {
-        action('Selected date')(date);
-    }}
-    disabled={boolean('disabled', false)}
-    themeColor={color('themeColor', '#ED7309')}
-    selectedDate={myDateKnob('selectedDate', new Date())}
-    openToDate={myDateKnob('openToDate', new Date())}
-    minDate={myDateKnob('minDate', new Date("1970/01/01"))}
-    maxDate={myDateKnob('maxDate', new Date("3000/01/01"))}
-    locale={select('location', locales, 'en')}
-    scaled = {boolean('scaled', false)}
-/>
+<DatePicker
+        onChange={date => {
+          console.log('Selected date', date);
+        }}
+        selectedDate={new Date()}
+        minDate={new Date("1970/01/01")}
+        maxDate={new Date(new Date().getFullYear() + 1 + "/01/01")}
+      />
 ```
 
 #### Properties

web/ASC.Web.Components/src/components/date-picker/date-picker.stories.js

@@ -4,8 +4,8 @@ import { action } from '@storybook/addon-actions';
 import { withKnobs, boolean, color, select, date } from '@storybook/addon-knobs/react';
 import withReadme from 'storybook-readme/with-readme';
 import Readme from './README.md';
-import { DatePicker } from 'asc-web-components';
-import Section from '../../.storybook/decorators/section';
+import DatePicker from '.';
+import Section from '../../../.storybook/decorators/section';
 import moment from 'moment';
 import 'moment/min/locales'
 
@@ -16,10 +16,10 @@ function myDateKnob(name, defaultValue) {
 
 const locales = moment.locales();
 
-storiesOf('Components|Date-picker', module)
+storiesOf('Components|DatePicker', module)
   .addDecorator(withKnobs)
   .addDecorator(withReadme(Readme))
-  .add('date-picker', () => (
+  .add('base', () => (
     <Section>
       <DatePicker
         onChange={date => {

web/ASC.Web.Components/src/components/date-picker/date-picker.test.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import DatePicker from '.';
+
+describe('<DatePicker />', () => {
+  it('renders without error', () => {
+    const wrapper = mount(
+      <DatePicker
+        onChange={date => {
+          console.log('Selected date', date);
+        }}
+        selectedDate={new Date()}
+        minDate={new Date("1970/01/01")}
+        maxDate={new Date(new Date().getFullYear() + 1 + "/01/01")}
+      />
+    );
+
+    expect(wrapper).toExist();
+  });
+});