feat(typings): Adding TypeScript definitions

Author: arthurdenner

package.json

@@ -3,6 +3,7 @@
   "version": "0.0.0-semantically-released",
   "description": "Datepickers built with Semantic UI for React and Dayzed",
   "main": "dist/react-semantic-ui-datepickers.js",
+  "typings": "./dist/index.d.ts",
   "scripts": {
     "add-contributor": "kcd-scripts contributors add",
     "build": "kcd-scripts build --bundle cjs.minify",

rollup.config.js

@@ -11,7 +11,10 @@ module.exports = {
     sourcemap: true,
   }),
   plugins: [
-    copy({ 'src/locales': 'dist/locales' }),
+    copy({
+      'src/locales': 'dist/locales',
+      'src/index.d.ts': 'dist/index.d.ts',
+    }),
     postcss({ extract: true, minimize: true }),
   ].concat(rollupConfig.plugins),
 };

src/index.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { SemanticICONS, SemanticSIZES } from 'semantic-ui-react';
+
+interface Locale {
+  todayButton: string;
+  nextMonth: string;
+  previousMonth: string;
+  nextYear: string;
+  previousYear: string;
+  weekdays: string[];
+  months: string[];
+}
+
+export interface SemanticDatepickerProps {
+  clearable?: boolean;
+  date?: Date;
+  disabled?: boolean;
+  error?: boolean;
+  firstDayOfWeek?: number;
+  format?: string;
+  icon?: SemanticICONS;
+  iconPosition?: 'left';
+  id?: string;
+  keepOpenOnClear?: boolean;
+  keepOpenOnSelect?: boolean;
+  label?: string;
+  loading?: boolean;
+  locale?: Locale;
+  maxDate?: Date;
+  minDate?: Date;
+  name?: string;
+  onDateChange: (newDate: Date | Date[] | null) => void;
+  placeholder?: string;
+  placeholder?: string;
+  selected?: Date | Date[];
+  showOutsideDays?: boolean;
+  size?: SemanticSIZES;
+  transparent?: boolean;
+  type: 'basic' | 'range';
+}
+
+declare class SemanticDatepicker extends React.Component<
+  SemanticDatepickerProps,
+  any
+> {}
+
+export default SemanticDatepicker;