diff --git a/package.json b/package.json
index be6f0db..71afa69 100644
--- a/package.json
+++ b/package.json
@@ -42,6 +42,10 @@
     "coverage:upload": "npm run coverage && cat ./coverage/lcov.info | coveralls"
   },
   "jest": {
+    "testMatch": [
+      "**/__tests__/**/*.ts?(x)",
+      "**/?(*.)(spec|test).ts?(x)"
+    ],
     "coverageDirectory": "./coverage/",
     "moduleFileExtensions": [
       "ts",
diff --git a/tests/Calendar.spec.tsx b/tests/Calendar.spec.tsx
new file mode 100644
index 0000000..876fa02
--- /dev/null
+++ b/tests/Calendar.spec.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { render } from 'enzyme';
+import { renderToJson } from 'enzyme-to-json';
+import { Calendar, Locale } from '../src';
+
+describe('Calendar', () => {
+    it('base.', () => {
+        const wrapper = render(
+            <Calendar
+            />
+        );
+        expect(renderToJson(wrapper)).toMatchSnapshot();
+    });
+
+    it('show shortcut.', () => {
+        const wrapper = render(
+            <Calendar
+                visible={true}
+                showShortcut={true}
+            />
+        );
+        expect(renderToJson(wrapper)).toMatchSnapshot();
+    });
+});
+
+describe('Calendar english.', () => {
+    it('renders correctly', () => {
+        const wrapper = render(
+            <Calendar
+                visible={true}
+                locale={Locale.enUS}
+            />
+        );
+        expect(renderToJson(wrapper)).toMatchSnapshot();
+    });
+});
\ No newline at end of file
diff --git a/tests/DatePicker.spec.tsx b/tests/DatePicker.spec.tsx
new file mode 100644
index 0000000..3dc0cc3
--- /dev/null
+++ b/tests/DatePicker.spec.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import { render } from 'enzyme';
+import { renderToJson } from 'enzyme-to-json';
+import { DatePicker } from '../src';
+
+describe('DatePicker', () => {
+    it('renders correctly', () => {
+        const wrapper = render(
+            <DatePicker
+            />
+        );
+        expect(renderToJson(wrapper)).toMatchSnapshot();
+    });
+});
diff --git a/tests/__snapshots__/Calendar.spec.js.snap b/tests/__snapshots__/Calendar.spec.tsx.snap
similarity index 100%
rename from tests/__snapshots__/Calendar.spec.js.snap
rename to tests/__snapshots__/Calendar.spec.tsx.snap
diff --git a/tests/__snapshots__/DatePicker.spec.js.snap b/tests/__snapshots__/DatePicker.spec.tsx.snap
similarity index 100%
rename from tests/__snapshots__/DatePicker.spec.js.snap
rename to tests/__snapshots__/DatePicker.spec.tsx.snap