pebble-web 2.9.2 → 2.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pebble-web",
-  "version": "2.9.2",
+  "version": "2.10.0",
   "author": "ritz078 <rkritesh078@gmail.com>",
   "license": "MIT",
   "main": "dist/pebble-web.js",
@@ -44,12 +44,12 @@
     "utility-types": "^3.10.0"
   },
   "devDependencies": {
-    "pebble-shared": "^2.9.2"
+    "pebble-shared": "^2.10.0"
   },
   "greenkeeper": {
     "ignore": [
       "rheostat"
     ]
   },
-  "gitHead": "71ea9f4208cfab0f967777377b720415e7c611e2"
+  "gitHead": "26a5d4116c368dd8011598c5b030c76f2b59bfb2"
 }

package/src/components/DateInput.tsx

@@ -53,10 +53,10 @@ export default class DateInput extends React.PureComponent<
     state: DateInputState
   ): Partial<DateInputState> | null {
     let newState: Partial<DateInputState> | null = null;
-    if (props.value && props.value !== state.propsValue) {
+    if (props.value !== state.propsValue) {
       newState = {
         propsValue: props.value,
-        stringInput: (props.value && format(props.value, "dd/MM/yyyy")) || ""
+        stringInput: props.value ? format(props.value, "dd/MM/yyyy") : ""
       };
     }
     return newState;
@@ -114,7 +114,7 @@ export default class DateInput extends React.PureComponent<
                 onChange={noop}
                 type={"tel"}
                 value={value}
-                placeholder={`${placeholder} DD/MM/YYYY`}
+                placeholder={placeholder}
                 onClick={() => {
                   if (disabled) return;
                   toggleDropdown();

package/src/components/Tooltip.tsx

@@ -3,6 +3,7 @@ import Popper from "./Popper";
 import { TooltipProps, TooltipState } from "./typings/Tooltip";
 import { colors } from "pebble-shared";
 import { popperStyle, textStyle } from "./styles/Tooltip.styles";
+import { cx } from "emotion";
 
 class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {
   state = {
@@ -27,7 +28,13 @@ class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {
   };
 
   render() {
-    const { placement, label, modifiers, isError } = this.props;
+    const {
+      placement,
+      label,
+      modifiers,
+      isError,
+      popperClassName
+    } = this.props;
 
     return (
       <Popper
@@ -42,7 +49,7 @@ class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {
         popperBackgroundColor={isError ? colors.red.base : colors.gray.darker}
         modifiers={modifiers}
         isOpen={this.props.isOpen || this.state.isOpen}
-        popperClassName={popperStyle}
+        popperClassName={cx(popperStyle, popperClassName)}
         closeOnOutsideClick={false}
       >
         {this.props.renderElement || this.defaultTooltip}

package/src/components/typings/Tooltip.ts

@@ -15,6 +15,7 @@ export interface TooltipProps {
     toggle: () => void;
     isOpen: boolean;
   }) => React.ReactNode;
+  popperClassName?: string;
 }
 
 export interface TooltipState {