@fvc/picker 1.0.0
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.
- package/dist/lib/index.js +6 -0
- package/dist/lib/picker/src/DatePicker.d.ts +5 -0
- package/dist/lib/picker/src/TimePicker.d.ts +5 -0
- package/dist/lib/picker/src/checkIfDateIsActive.d.ts +3 -0
- package/dist/lib/picker/src/index.d.ts +2 -0
- package/dist/lib/picker/src/types/DatePicker.types.d.ts +33 -0
- package/dist/lib/picker/src/types/TimePicker.types.d.ts +4 -0
- package/dist/lib/picker/src/types/index.d.ts +2 -0
- package/package.json +27 -0
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{DatePicker as e,TimePicker as r}from"antd";import n,{useCallback as t}from"react";var i=function(){return i=Object.assign||function(e){for(var r,n=1,t=arguments.length;n<t;n++)for(var i in r=arguments[n])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},i.apply(this,arguments)};function c(e,r){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)r.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(n[t[i]]=e[t[i]])}return n}function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}"function"==typeof SuppressedError&&SuppressedError;var a,d={exports:{}};
|
|
2
|
+
/*!
|
|
3
|
+
Copyright (c) 2018 Jed Watson.
|
|
4
|
+
Licensed under the MIT License (MIT), see
|
|
5
|
+
http://jedwatson.github.io/classnames
|
|
6
|
+
*/var s,l,p=o((a||(a=1,s=d,function(){var e={}.hasOwnProperty;function r(){for(var e="",r=0;r<arguments.length;r++){var i=arguments[r];i&&(e=t(e,n(i)))}return e}function n(n){if("string"==typeof n||"number"==typeof n)return n;if("object"!=typeof n)return"";if(Array.isArray(n))return r.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var i="";for(var c in n)e.call(n,c)&&n[c]&&(i=t(i,c));return i}function t(e,r){return r?e?e+" "+r:e+r:e}s.exports?(r.default=r,s.exports=r):window.classNames=r}()),d.exports)),u={exports:{}};var f,k=o((l||(l=1,u.exports=function(){var e=1e3,r=6e4,n=36e5,t="millisecond",i="second",c="minute",o="hour",a="day",d="week",s="month",l="quarter",p="year",u="date",f="Invalid Date",k=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,v=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var r=["th","st","nd","rd"],n=e%100;return"["+e+(r[(n-20)%10]||r[n]||r[0])+"]"}},h=function(e,r,n){var t=String(e);return!t||t.length>=r?e:""+Array(r+1-t.length).join(n)+e},b={s:h,z:function(e){var r=-e.utcOffset(),n=Math.abs(r),t=Math.floor(n/60),i=n%60;return(r<=0?"+":"-")+h(t,2,"0")+":"+h(i,2,"0")},m:function e(r,n){if(r.date()<n.date())return-e(n,r);var t=12*(n.year()-r.year())+(n.month()-r.month()),i=r.clone().add(t,s),c=n-i<0,o=r.clone().add(t+(c?-1:1),s);return+(-(t+(n-i)/(c?i-o:o-i))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:s,y:p,w:d,d:a,D:u,h:o,m:c,s:i,ms:t,Q:l}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},g="en",w={};w[g]=m;var y="$isDayjsObject",x=function(e){return e instanceof O||!(!e||!e[y])},$=function e(r,n,t){var i;if(!r)return g;if("string"==typeof r){var c=r.toLowerCase();w[c]&&(i=c),n&&(w[c]=n,i=c);var o=r.split("-");if(!i&&o.length>1)return e(o[0])}else{var a=r.name;w[a]=r,i=a}return!t&&i&&(g=i),i||!t&&g},S=function(e,r){if(x(e))return e.clone();var n="object"==typeof r?r:{};return n.date=e,n.args=arguments,new O(n)},D=b;D.l=$,D.i=x,D.w=function(e,r){return S(e,{locale:r.$L,utc:r.$u,x:r.$x,$offset:r.$offset})};var O=function(){function m(e){this.$L=$(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[y]=!0}var h=m.prototype;return h.parse=function(e){this.$d=function(e){var r=e.date,n=e.utc;if(null===r)return new Date(NaN);if(D.u(r))return new Date;if(r instanceof Date)return new Date(r);if("string"==typeof r&&!/Z$/i.test(r)){var t=r.match(k);if(t){var i=t[2]-1||0,c=(t[7]||"0").substring(0,3);return n?new Date(Date.UTC(t[1],i,t[3]||1,t[4]||0,t[5]||0,t[6]||0,c)):new Date(t[1],i,t[3]||1,t[4]||0,t[5]||0,t[6]||0,c)}}return new Date(r)}(e),this.init()},h.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},h.$utils=function(){return D},h.isValid=function(){return!(this.$d.toString()===f)},h.isSame=function(e,r){var n=S(e);return this.startOf(r)<=n&&n<=this.endOf(r)},h.isAfter=function(e,r){return S(e)<this.startOf(r)},h.isBefore=function(e,r){return this.endOf(r)<S(e)},h.$g=function(e,r,n){return D.u(e)?this[r]:this.set(n,e)},h.unix=function(){return Math.floor(this.valueOf()/1e3)},h.valueOf=function(){return this.$d.getTime()},h.startOf=function(e,r){var n=this,t=!!D.u(r)||r,l=D.p(e),f=function(e,r){var i=D.w(n.$u?Date.UTC(n.$y,r,e):new Date(n.$y,r,e),n);return t?i:i.endOf(a)},k=function(e,r){return D.w(n.toDate()[e].apply(n.toDate("s"),(t?[0,0,0,0]:[23,59,59,999]).slice(r)),n)},v=this.$W,m=this.$M,h=this.$D,b="set"+(this.$u?"UTC":"");switch(l){case p:return t?f(1,0):f(31,11);case s:return t?f(1,m):f(0,m+1);case d:var g=this.$locale().weekStart||0,w=(v<g?v+7:v)-g;return f(t?h-w:h+(6-w),m);case a:case u:return k(b+"Hours",0);case o:return k(b+"Minutes",1);case c:return k(b+"Seconds",2);case i:return k(b+"Milliseconds",3);default:return this.clone()}},h.endOf=function(e){return this.startOf(e,!1)},h.$set=function(e,r){var n,d=D.p(e),l="set"+(this.$u?"UTC":""),f=(n={},n[a]=l+"Date",n[u]=l+"Date",n[s]=l+"Month",n[p]=l+"FullYear",n[o]=l+"Hours",n[c]=l+"Minutes",n[i]=l+"Seconds",n[t]=l+"Milliseconds",n)[d],k=d===a?this.$D+(r-this.$W):r;if(d===s||d===p){var v=this.clone().set(u,1);v.$d[f](k),v.init(),this.$d=v.set(u,Math.min(this.$D,v.daysInMonth())).$d}else f&&this.$d[f](k);return this.init(),this},h.set=function(e,r){return this.clone().$set(e,r)},h.get=function(e){return this[D.p(e)]()},h.add=function(t,l){var u,f=this;t=Number(t);var k=D.p(l),v=function(e){var r=S(f);return D.w(r.date(r.date()+Math.round(e*t)),f)};if(k===s)return this.set(s,this.$M+t);if(k===p)return this.set(p,this.$y+t);if(k===a)return v(1);if(k===d)return v(7);var m=(u={},u[c]=r,u[o]=n,u[i]=e,u)[k]||1,h=this.$d.getTime()+t*m;return D.w(h,this)},h.subtract=function(e,r){return this.add(-1*e,r)},h.format=function(e){var r=this,n=this.$locale();if(!this.isValid())return n.invalidDate||f;var t=e||"YYYY-MM-DDTHH:mm:ssZ",i=D.z(this),c=this.$H,o=this.$m,a=this.$M,d=n.weekdays,s=n.months,l=n.meridiem,p=function(e,n,i,c){return e&&(e[n]||e(r,t))||i[n].slice(0,c)},u=function(e){return D.s(c%12||12,e,"0")},k=l||function(e,r,n){var t=e<12?"AM":"PM";return n?t.toLowerCase():t};return t.replace(v,(function(e,t){return t||function(e){switch(e){case"YY":return String(r.$y).slice(-2);case"YYYY":return D.s(r.$y,4,"0");case"M":return a+1;case"MM":return D.s(a+1,2,"0");case"MMM":return p(n.monthsShort,a,s,3);case"MMMM":return p(s,a);case"D":return r.$D;case"DD":return D.s(r.$D,2,"0");case"d":return String(r.$W);case"dd":return p(n.weekdaysMin,r.$W,d,2);case"ddd":return p(n.weekdaysShort,r.$W,d,3);case"dddd":return d[r.$W];case"H":return String(c);case"HH":return D.s(c,2,"0");case"h":return u(1);case"hh":return u(2);case"a":return k(c,o,!0);case"A":return k(c,o,!1);case"m":return String(o);case"mm":return D.s(o,2,"0");case"s":return String(r.$s);case"ss":return D.s(r.$s,2,"0");case"SSS":return D.s(r.$ms,3,"0");case"Z":return i}return null}(e)||i.replace(":","")}))},h.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},h.diff=function(t,u,f){var k,v=this,m=D.p(u),h=S(t),b=(h.utcOffset()-this.utcOffset())*r,g=this-h,w=function(){return D.m(v,h)};switch(m){case p:k=w()/12;break;case s:k=w();break;case l:k=w()/3;break;case d:k=(g-b)/6048e5;break;case a:k=(g-b)/864e5;break;case o:k=g/n;break;case c:k=g/r;break;case i:k=g/e;break;default:k=g}return f?k:D.a(k)},h.daysInMonth=function(){return this.endOf(s).$D},h.$locale=function(){return w[this.$L]},h.locale=function(e,r){if(!e)return this.$L;var n=this.clone(),t=$(e,r,!0);return t&&(n.$L=t),n},h.clone=function(){return D.w(this.$d,this)},h.toDate=function(){return new Date(this.valueOf())},h.toJSON=function(){return this.isValid()?this.toISOString():null},h.toISOString=function(){return this.$d.toISOString()},h.toString=function(){return this.$d.toUTCString()},m}(),M=O.prototype;return S.prototype=M,[["$ms",t],["$s",i],["$m",c],["$H",o],["$W",a],["$M",s],["$y",p],["$D",u]].forEach((function(e){M[e[1]]=function(r){return this.$g(r,e[0],e[1])}})),S.extend=function(e,r){return e.$i||(e(r,O,S),e.$i=!0),S},S.locale=$,S.isDayjs=x,S.unix=function(e){return S(1e3*e)},S.en=w[g],S.Ls=w,S.p={},S}()),u.exports)),v={exports:{}};var m,h=o(f?v.exports:(f=1,v.exports=function(e,r,n){r.prototype.isBetween=function(e,r,t,i){var c=n(e),o=n(r),a="("===(i=i||"()")[0],d=")"===i[1];return(a?this.isAfter(c,t):!this.isBefore(c,t))&&(d?this.isBefore(o,t):!this.isAfter(o,t))||(a?this.isBefore(c,t):!this.isAfter(c,t))&&(d?this.isAfter(o,t):!this.isBefore(o,t))}})),b={exports:{}};var g,w=o(m?b.exports:(m=1,b.exports=function(e,r){r.prototype.isSameOrAfter=function(e,r){return this.isSame(e,r)||this.isAfter(e,r)}})),y={exports:{}};var x=o(g?y.exports:(g=1,y.exports=function(e,r){r.prototype.isSameOrBefore=function(e,r){return this.isSame(e,r)||this.isBefore(e,r)}}));k.extend(h),k.extend(x),k.extend(w);var $=function(e,r){return k(e,r)},S=function(e,r){return!!(null==r?void 0:r.some((function(r){var n=function(e,r){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var t,i,c=n.call(e),o=[];try{for(;(void 0===r||r-- >0)&&!(t=c.next()).done;)o.push(t.value)}catch(e){i={error:e}}finally{try{t&&!t.done&&(n=c.return)&&n.call(c)}finally{if(i)throw i.error}}return o}(r,2),t=n[0],i=n[1];return e.isBetween(t,i,null,"[]")})))},D=function(e,r,n){if(!r)return!1;var t=$(e,n),i=r.dates,c=void 0===i?[]:i,o=r.fromDate,a=r.tillDate,d=r.ranges;return!!function(e,r){return!!(null==r?void 0:r.includes(e))}(e,c)||(!!c.some((function(e){return t.isSame($(e,n))}))||(!(!o&&!a||!function(e,r,n,t){if(!r||!n)return!(!r||!e.isSameOrAfter($(r,t)))||!(!n||!e.isSameOrBefore($(n,t)));var i=$(r,t),c=$(n,t);return i.isSameOrAfter(c)?i.isSame(c)?e.isSame(i):!e.isBetween(c,i):e.isBetween(i,c,null,"[]")}(t,o,a,n))||!!d&&S(t,d)))};function O(e,r){void 0===r&&(r={});var n=r.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}O(":root {\n /* Picker Size Variables */\n --picker-width: 100%;\n --picker-max-width-short: 140px;\n /* Picker Color Variables */\n --picker-main-color: var(--blue-600);\n --picker-main-border: 1px solid var(--gray-400);\n --picker-main-outlined-input-background: var(--neutral-0);\n --picker-cell-in-view-background-color: var(--picker-main-color);\n --picker-cell-today-inner-before-border-color: var(--picker-main-color);\n --picker-cell-inner-background-color: var(--picker-main-color);\n --picker-time-panel-cell-inner-background-color: var(--blue-gray-200);\n --picker-suffix-color: var(--gray-900);\n --picker-input-hover-color: var(--blue-500);\n --picker-input-disabled-color: var(--gray-900);\n --picker-input-disabled-background-color: var(--gray-100);\n /* Picker Border Radius Variables */\n --picker-main-border-radius: 20px;\n --picker-cell-in-view-border-radius: 20px;\n --picker-today-default-radius: 2px;\n --picker-ok-border-radius: 30px;\n /* Picker Padding Variables */\n --picker-main-padding: 0px;\n --picker-main-outlined-input-padding: 5px 13px;\n --picker-clear-right: 12px;\n /* Picker Font Variables */\n --picker-input-font-weight: 500;\n /* Picker Error State Variables */\n --picker-error-background-color: var(--red-100);\n --picker-error-border-color: var(--red-800);\n --picker-error-suffix-color: var(--red-800);\n /* Picker Ok State Variables */\n --picker-ok-background-color: var(--green-600);\n --picker-ok-box-shadow: none;\n}\n\n.fvc-datepicker {\n width: var(--picker-width);\n padding: var(--picker-main-padding);\n border-radius: var(--picker-main-border-radius);\n border-color: var(--picker-main-border-color);\n border: var(--picker-main-border);\n}\n.fvc-datepicker-outlined .fvc-datepicker-input {\n align-items: center;\n padding: var(--picker-main-outlined-input-padding);\n display: inline-flex;\n position: relative;\n}\n.fvc-datepicker .fvc-datepicker-input > input {\n font-weight: var(--picker-input-font-weight);\n}\n.fvc-datepicker .fvc-datepicker-input > input:not(:disabled):hover {\n color: var(--picker-input-hover-color);\n}\n.fvc-datepicker .fvc-datepicker-input > input:disabled {\n color: var(--picker-input-disabled-color);\n}\n.fvc-datepicker .fvc-datepicker-suffix {\n color: var(--picker-suffix-color);\n}\n.fvc-datepicker .fvc-datepicker-clear {\n right: var(--picker-clear-right);\n}\n\n.fvc-datepicker-short {\n max-width: var(--picker-max-width-short);\n}\n\n.fvc-datepicker-outlined.fvc-datepicker-status-error:not(.fvc-datepicker-disabled) {\n background: var(--picker-error-background-color);\n border-color: var(--picker-error-border-color);\n}\n.fvc-datepicker-outlined.fvc-datepicker-status-error:not(.fvc-datepicker-disabled) .fvc-datepicker-suffix {\n color: var(--picker-error-suffix-color);\n}\n.fvc-datepicker-outlined.fvc-datepicker-status-error:not(.fvc-datepicker-disabled):hover {\n background: var(--picker-error-background-color);\n border-color: var(--picker-error-border-color);\n}\n\n.fvc-datepicker-dropdown .fvc-datepicker-week-panel-row-range-start td.fvc-datepicker-cell:before, .fvc-datepicker-dropdown .fvc-datepicker-week-panel-row-range-end td.fvc-datepicker-cell:before, .fvc-datepicker-dropdown .fvc-datepicker-week-panel-row-selected td.fvc-datepicker-cell:before, .fvc-datepicker-dropdown .fvc-datepicker-week-panel-row-hover td.fvc-datepicker-cell:before {\n background-color: var(--picker-cell-in-view-background-color);\n}\n.fvc-datepicker-dropdown .fvc-datepicker-month-btn {\n text-transform: capitalize;\n}\n.fvc-datepicker-dropdown-hide-year .fvc-datepicker-month-panel .fvc-datepicker-header {\n display: none !important;\n}\n.fvc-datepicker-dropdown-hide-year .fvc-datepicker-year-btn {\n display: none !important;\n}\n.fvc-datepicker-dropdown .fvc-datepicker-cell-in-view.fvc-datepicker-cell-today .fvc-datepicker-cell-inner::before {\n border-color: var(--picker-cell-today-inner-before-border-color);\n border-radius: var(--picker-today-default-radius);\n}\n.fvc-datepicker-dropdown .fvc-datepicker-cell-in-view.fvc-datepicker-cell-selected:not(.fvc-datepicker-cell-disabled) .fvc-datepicker-cell-inner, .fvc-datepicker-dropdown .fvc-datepicker-cell-in-view.fvc-datepicker-cell-range-start:not(.fvc-datepicker-cell-disabled) .fvc-datepicker-cell-inner, .fvc-datepicker-dropdown .fvc-datepicker-cell-in-view.fvc-datepicker-cell-range-end:not(.fvc-datepicker-cell-disabled) .fvc-datepicker-cell-inner {\n background-color: var(--picker-cell-inner-background-color);\n}\n.fvc-datepicker-dropdown .fvc-datepicker-time-panel-column > li.fvc-datepicker-time-panel-cell-selected .fvc-datepicker-time-panel-cell-inner {\n background-color: var(--picker-time-panel-cell-inner-background-color);\n}\n\n.fvc-datepicker-ok button {\n border-radius: var(--picker-ok-border-radius);\n box-shadow: var(--picker-ok-box-shadow);\n}\n.fvc-datepicker-ok button:not([disabled]) {\n background: var(--picker-ok-background-color);\n}\n.fvc-datepicker-ok button:not([disabled]):hover {\n background: var(--picker-ok-background-color) !important;\n}");var M="fvc-datepicker",P=function(r){var o,a,d=r.disabledDates,s=r.enabledDates,l=r.format,u=r.short,f=r.className,k=r.hideYear,v=r.status,m=r.testId,h=void 0===m?"datepicker":m,b=r.error,g=c(r,["disabledDates","enabledDates","format","short","className","hideYear","status","testId","error"]),w=p(((o={})["".concat(M,"-short")]=u,o)),y=p("".concat(M,"-dropdown"),((a={})["".concat(M,"-dropdown-hide-year")]=k,a)),x=t((function(e){return!function(e,r,n,t){var i=e.format(t);return(!r||!D(i,r,t))&&(!n||D(i,n,t))}(e,d,s,l)}),[d,s,l]);return n.createElement("div",{"data-testid":h,className:f},n.createElement(e,i({},g,{className:w,prefixCls:M,format:l,popupClassName:y,disabledDate:x,status:b?"error":v})))};O(":root {\n /* Picker Size Variables */\n --picker-width: 100%;\n --picker-max-width-short: 140px;\n /* Picker Color Variables */\n --picker-main-color: var(--blue-600);\n --picker-main-border: 1px solid var(--gray-400);\n --picker-main-outlined-input-background: var(--neutral-0);\n --picker-cell-in-view-background-color: var(--picker-main-color);\n --picker-cell-today-inner-before-border-color: var(--picker-main-color);\n --picker-cell-inner-background-color: var(--picker-main-color);\n --picker-time-panel-cell-inner-background-color: var(--blue-gray-200);\n --picker-suffix-color: var(--gray-900);\n --picker-input-hover-color: var(--blue-500);\n --picker-input-disabled-color: var(--gray-900);\n --picker-input-disabled-background-color: var(--gray-100);\n /* Picker Border Radius Variables */\n --picker-main-border-radius: 20px;\n --picker-cell-in-view-border-radius: 20px;\n --picker-today-default-radius: 2px;\n --picker-ok-border-radius: 30px;\n /* Picker Padding Variables */\n --picker-main-padding: 0px;\n --picker-main-outlined-input-padding: 5px 13px;\n --picker-clear-right: 12px;\n /* Picker Font Variables */\n --picker-input-font-weight: 500;\n /* Picker Error State Variables */\n --picker-error-background-color: var(--red-100);\n --picker-error-border-color: var(--red-800);\n --picker-error-suffix-color: var(--red-800);\n /* Picker Ok State Variables */\n --picker-ok-background-color: var(--green-600);\n --picker-ok-box-shadow: none;\n}\n\n.fvc-timepicker {\n width: var(--picker-width);\n padding: var(--picker-main-padding);\n border-radius: var(--picker-main-border-radius);\n border-color: var(--picker-main-border-color);\n border: var(--picker-main-border);\n}\n.fvc-timepicker-outlined .fvc-timepicker-input {\n align-items: center;\n padding: var(--picker-main-outlined-input-padding);\n display: inline-flex;\n position: relative;\n}\n.fvc-timepicker .fvc-timepicker-input > input {\n font-weight: var(--picker-input-font-weight);\n}\n.fvc-timepicker .fvc-timepicker-input > input:not(:disabled):hover {\n color: var(--picker-input-hover-color);\n}\n.fvc-timepicker .fvc-timepicker-input > input:disabled {\n color: var(--picker-input-disabled-color);\n}\n.fvc-timepicker .fvc-timepicker-suffix {\n color: var(--picker-suffix-color);\n}\n.fvc-timepicker .fvc-timepicker-clear {\n right: var(--picker-clear-right);\n}\n\n.fvc-timepicker-short {\n max-width: var(--picker-max-width-short);\n}\n\n.fvc-timepicker-outlined.fvc-timepicker-status-error:not(.fvc-timepicker-disabled) {\n background: var(--picker-error-background-color);\n border-color: var(--picker-error-border-color);\n}\n.fvc-timepicker-outlined.fvc-timepicker-status-error:not(.fvc-timepicker-disabled) .fvc-timepicker-suffix {\n color: var(--picker-error-suffix-color);\n}\n.fvc-timepicker-outlined.fvc-timepicker-status-error:not(.fvc-timepicker-disabled):hover {\n background: var(--picker-error-background-color);\n border-color: var(--picker-error-border-color);\n}\n\n.fvc-timepicker-dropdown .fvc-timepicker-week-panel-row-range-start td.fvc-timepicker-cell:before, .fvc-timepicker-dropdown .fvc-timepicker-week-panel-row-range-end td.fvc-timepicker-cell:before, .fvc-timepicker-dropdown .fvc-timepicker-week-panel-row-selected td.fvc-timepicker-cell:before, .fvc-timepicker-dropdown .fvc-timepicker-week-panel-row-hover td.fvc-timepicker-cell:before {\n background-color: var(--picker-cell-in-view-background-color);\n}\n.fvc-timepicker-dropdown .fvc-timepicker-month-btn {\n text-transform: capitalize;\n}\n.fvc-timepicker-dropdown-hide-year .fvc-timepicker-month-panel .fvc-timepicker-header {\n display: none !important;\n}\n.fvc-timepicker-dropdown-hide-year .fvc-timepicker-year-btn {\n display: none !important;\n}\n.fvc-timepicker-dropdown .fvc-timepicker-cell-in-view.fvc-timepicker-cell-today .fvc-timepicker-cell-inner::before {\n border-color: var(--picker-cell-today-inner-before-border-color);\n border-radius: var(--picker-today-default-radius);\n}\n.fvc-timepicker-dropdown .fvc-timepicker-cell-in-view.fvc-timepicker-cell-selected:not(.fvc-timepicker-cell-disabled) .fvc-timepicker-cell-inner, .fvc-timepicker-dropdown .fvc-timepicker-cell-in-view.fvc-timepicker-cell-range-start:not(.fvc-timepicker-cell-disabled) .fvc-timepicker-cell-inner, .fvc-timepicker-dropdown .fvc-timepicker-cell-in-view.fvc-timepicker-cell-range-end:not(.fvc-timepicker-cell-disabled) .fvc-timepicker-cell-inner {\n background-color: var(--picker-cell-inner-background-color);\n}\n.fvc-timepicker-dropdown .fvc-timepicker-time-panel-column > li.fvc-timepicker-time-panel-cell-selected .fvc-timepicker-time-panel-cell-inner {\n background-color: var(--picker-time-panel-cell-inner-background-color);\n}\n\n.fvc-timepicker-ok button {\n border-radius: var(--picker-ok-border-radius);\n box-shadow: var(--picker-ok-box-shadow);\n}\n.fvc-timepicker-ok button:not([disabled]) {\n background: var(--picker-ok-background-color);\n}\n.fvc-timepicker-ok button:not([disabled]):hover {\n background: var(--picker-ok-background-color) !important;\n}");var _=function(e){var t=e.testId,o=void 0===t?"timepicker":t,a=e.className,d=e.format,s=void 0===d?"HH:mm":d,l=c(e,["testId","className","format"]);return n.createElement("div",{"data-testid":o,className:a},n.createElement(r,i({prefixCls:"fvc-timepicker"},l,{format:s})))};export{P as DatePicker,_ as TimePicker};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './styles/DatePicker.scss';
|
|
3
|
+
import { DatePickerProps } from './types';
|
|
4
|
+
export declare const prefixCls = "fvc-datepicker";
|
|
5
|
+
export declare const DatePicker: ({ disabledDates, enabledDates, format, short, className, hideYear, status, testId, error, ...props }: DatePickerProps) => React.JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './styles/TimePicker.scss';
|
|
3
|
+
import { TimePickerProps } from './types';
|
|
4
|
+
export declare const prefixCls = "fvc-timepicker";
|
|
5
|
+
export declare const TimePicker: ({ testId, className, format, ...props }: TimePickerProps) => React.JSX.Element;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { Dayjs } from 'dayjs';
|
|
2
|
+
import { DatePickerProps, IDateActivationConf } from './types';
|
|
3
|
+
export declare const checkIfDateIsActive: (currentDate: Dayjs, disabledDates: IDateActivationConf | undefined, enabledDates: IDateActivationConf | undefined, format: DatePickerProps["format"]) => boolean;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { type DatePickerProps as DefaultDatepickerProps } from 'antd';
|
|
2
|
+
export interface IDateActivationConf {
|
|
3
|
+
dates?: string[];
|
|
4
|
+
ranges?: [string, string][];
|
|
5
|
+
tillDate?: string;
|
|
6
|
+
fromDate?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare enum RangeShortcutTypes {
|
|
9
|
+
DEFAULT = "DEFAULT",
|
|
10
|
+
MONTHLY = "MONTHLY",
|
|
11
|
+
YEARLY = "YEARLY",
|
|
12
|
+
QUARTERLY = "QUARTERLY"
|
|
13
|
+
}
|
|
14
|
+
export interface RangeShowTimeObject {
|
|
15
|
+
showSecond?: boolean;
|
|
16
|
+
showMinute?: boolean;
|
|
17
|
+
showHour?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export type DatePickerProps = Omit<DefaultDatepickerProps, 'format'> & {
|
|
20
|
+
disabledDates?: IDateActivationConf;
|
|
21
|
+
enabledDates?: IDateActivationConf;
|
|
22
|
+
testId?: string;
|
|
23
|
+
placeholder?: string | string[];
|
|
24
|
+
short?: boolean;
|
|
25
|
+
hideYear?: boolean;
|
|
26
|
+
shortcuts?: {
|
|
27
|
+
value?: unknown;
|
|
28
|
+
label: string;
|
|
29
|
+
renderType?: RangeShortcutTypes;
|
|
30
|
+
}[];
|
|
31
|
+
format?: string;
|
|
32
|
+
error?: boolean;
|
|
33
|
+
};
|
package/package.json
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@fvc/picker",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"main": "./dist/lib/index.js",
|
|
5
|
+
"types": "./dist/lib/picker/src/index.d.ts",
|
|
6
|
+
"files": [
|
|
7
|
+
"dist/lib/index.js",
|
|
8
|
+
"dist/lib/picker",
|
|
9
|
+
"package.json"
|
|
10
|
+
],
|
|
11
|
+
"exports": {
|
|
12
|
+
".": {
|
|
13
|
+
"import": "./dist/lib/index.js",
|
|
14
|
+
"types": "./dist/lib/picker/src/index.d.ts"
|
|
15
|
+
},
|
|
16
|
+
"./types": {
|
|
17
|
+
"types": "./dist/lib/picker/src/types/index.d.ts"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"scripts": {
|
|
21
|
+
"build": "rm -rf dist && rm -rf .rollup.cache && eslint --config ../../eslint.config.js . && bunx tsc --noEmit && rollup -c ./rollup.config.mjs"
|
|
22
|
+
},
|
|
23
|
+
"dependencies": {
|
|
24
|
+
"react": "^18.0.0",
|
|
25
|
+
"antd": "^5.0.0"
|
|
26
|
+
}
|
|
27
|
+
}
|