sag_components 1.0.182 → 1.0.184
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -44,6 +44,9 @@ var Datepicker = function Datepicker(_ref) {
|
|
|
44
44
|
setvalueState(null);
|
|
45
45
|
}
|
|
46
46
|
}, [value]);
|
|
47
|
+
(0, _react.useEffect)(function () {
|
|
48
|
+
console.log("newValue valueState", valueState);
|
|
49
|
+
}, [valueState]);
|
|
47
50
|
var getTextFieldStyle = function getTextFieldStyle() {
|
|
48
51
|
if (shape === "round") {
|
|
49
52
|
// round
|
|
@@ -100,9 +103,9 @@ var Datepicker = function Datepicker(_ref) {
|
|
|
100
103
|
clearable: true,
|
|
101
104
|
onChange: function onChange(newValue) {
|
|
102
105
|
setvalueState(newValue);
|
|
103
|
-
console.log("newValue", newValue.format("YYYY-MM-DD").toString());
|
|
106
|
+
console.log("newValue onChange", newValue === null || newValue === void 0 ? void 0 : newValue.format("YYYY-MM-DD").toString());
|
|
104
107
|
_onChange({
|
|
105
|
-
newValue: newValue.format("YYYY-MM-DD").toString()
|
|
108
|
+
newValue: newValue ? newValue.format("YYYY-MM-DD").toString() : null
|
|
106
109
|
});
|
|
107
110
|
},
|
|
108
111
|
sx: getTextFieldStyle(),
|
|
@@ -113,10 +116,11 @@ var Datepicker = function Datepicker(_ref) {
|
|
|
113
116
|
slotProps: {
|
|
114
117
|
textField: {
|
|
115
118
|
fullWidth: true
|
|
119
|
+
},
|
|
120
|
+
actionBar: {
|
|
121
|
+
actions: ["clear"]
|
|
116
122
|
}
|
|
117
|
-
}
|
|
118
|
-
//renderInput={(params) => <TextField {...params} fullWidth />}
|
|
119
|
-
,
|
|
123
|
+
},
|
|
120
124
|
format: format
|
|
121
125
|
}))));
|
|
122
126
|
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = exports.InfoIcon = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var InfoIcon = function InfoIcon(_ref) {
|
|
10
|
+
var clicked = _ref.clicked;
|
|
11
|
+
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
fill: "none",
|
|
15
|
+
stroke: clicked ? "white" : "black",
|
|
16
|
+
strokeWidth: "2",
|
|
17
|
+
strokeLinecap: "round",
|
|
18
|
+
strokeLinejoin: "round",
|
|
19
|
+
className: "feather feather-info"
|
|
20
|
+
}, /*#__PURE__*/_react.default.createElement("circle", {
|
|
21
|
+
cx: "12",
|
|
22
|
+
cy: "12",
|
|
23
|
+
r: "10"
|
|
24
|
+
}), /*#__PURE__*/_react.default.createElement("line", {
|
|
25
|
+
x1: "12",
|
|
26
|
+
y1: "16",
|
|
27
|
+
x2: "12",
|
|
28
|
+
y2: "12"
|
|
29
|
+
}), /*#__PURE__*/_react.default.createElement("line", {
|
|
30
|
+
x1: "12",
|
|
31
|
+
y1: "8",
|
|
32
|
+
x2: "12",
|
|
33
|
+
y2: "8"
|
|
34
|
+
}));
|
|
35
|
+
};
|
|
36
|
+
exports.InfoIcon = InfoIcon;
|
|
37
|
+
var _default = InfoIcon;
|
|
38
|
+
exports.default = _default;
|