@rarui/styles 1.29.0 → 1.30.1-rc.1
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/CHANGELOG.md +6 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +327 -4
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/dark.js +1 -1
- package/package.json +3 -2
package/dist/index.d.ts
CHANGED
|
@@ -8689,7 +8689,7 @@ declare const selectStyles: {
|
|
|
8689
8689
|
};
|
|
8690
8690
|
small: {
|
|
8691
8691
|
minHeight: "2rem";
|
|
8692
|
-
padding: `
|
|
8692
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8693
8693
|
};
|
|
8694
8694
|
};
|
|
8695
8695
|
}>;
|
|
@@ -8730,7 +8730,7 @@ export declare const select: {
|
|
|
8730
8730
|
};
|
|
8731
8731
|
small: {
|
|
8732
8732
|
minHeight: "2rem";
|
|
8733
|
-
padding: `
|
|
8733
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8734
8734
|
};
|
|
8735
8735
|
};
|
|
8736
8736
|
}>;
|
|
@@ -8893,7 +8893,7 @@ declare const textFontSizeProperties: {
|
|
|
8893
8893
|
l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8894
8894
|
xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8895
8895
|
};
|
|
8896
|
-
export type TextDynamicProperties = Pick<StandardLonghandProperties, "textAlign" | "wordBreak">;
|
|
8896
|
+
export type TextDynamicProperties = Pick<StandardLonghandProperties, "textAlign" | "wordBreak" | "textTransform"> & Pick<StandardShorthandProperties, "textDecoration">;
|
|
8897
8897
|
export interface TextSprinkle extends TextDynamicProperties {
|
|
8898
8898
|
/**
|
|
8899
8899
|
* The color property is used to set the color of the title.
|
|
@@ -9159,6 +9159,30 @@ export declare const text: {
|
|
|
9159
9159
|
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9160
9160
|
};
|
|
9161
9161
|
};
|
|
9162
|
+
textTransform: {
|
|
9163
|
+
dynamic: {
|
|
9164
|
+
default: string;
|
|
9165
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9166
|
+
};
|
|
9167
|
+
dynamicScale: true;
|
|
9168
|
+
name: "textTransform";
|
|
9169
|
+
vars: {
|
|
9170
|
+
default: string;
|
|
9171
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9172
|
+
};
|
|
9173
|
+
};
|
|
9174
|
+
textDecoration: {
|
|
9175
|
+
dynamic: {
|
|
9176
|
+
default: string;
|
|
9177
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9178
|
+
};
|
|
9179
|
+
dynamicScale: true;
|
|
9180
|
+
name: "textDecoration";
|
|
9181
|
+
vars: {
|
|
9182
|
+
default: string;
|
|
9183
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9184
|
+
};
|
|
9185
|
+
};
|
|
9162
9186
|
};
|
|
9163
9187
|
}
|
|
9164
9188
|
]>;
|
|
@@ -9179,7 +9203,7 @@ declare const titleFontSizeProperties: {
|
|
|
9179
9203
|
l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9180
9204
|
xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9181
9205
|
};
|
|
9182
|
-
export type TitleDynamicProperties = Pick<StandardLonghandProperties, "textAlign">;
|
|
9206
|
+
export type TitleDynamicProperties = Pick<StandardLonghandProperties, "textAlign" | "textTransform"> & Pick<StandardShorthandProperties, "textDecoration">;
|
|
9183
9207
|
export interface TitleSprinkle extends TitleDynamicProperties {
|
|
9184
9208
|
/**
|
|
9185
9209
|
* The color property is used to set the color of the title.
|
|
@@ -9457,6 +9481,30 @@ export declare const title: {
|
|
|
9457
9481
|
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9458
9482
|
};
|
|
9459
9483
|
};
|
|
9484
|
+
textTransform: {
|
|
9485
|
+
dynamic: {
|
|
9486
|
+
default: string;
|
|
9487
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9488
|
+
};
|
|
9489
|
+
dynamicScale: true;
|
|
9490
|
+
name: "textTransform";
|
|
9491
|
+
vars: {
|
|
9492
|
+
default: string;
|
|
9493
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9494
|
+
};
|
|
9495
|
+
};
|
|
9496
|
+
textDecoration: {
|
|
9497
|
+
dynamic: {
|
|
9498
|
+
default: string;
|
|
9499
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9500
|
+
};
|
|
9501
|
+
dynamicScale: true;
|
|
9502
|
+
name: "textDecoration";
|
|
9503
|
+
vars: {
|
|
9504
|
+
default: string;
|
|
9505
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9506
|
+
};
|
|
9507
|
+
};
|
|
9460
9508
|
};
|
|
9461
9509
|
}
|
|
9462
9510
|
]>;
|
|
@@ -10147,6 +10195,281 @@ export declare const breadcrumb: {
|
|
|
10147
10195
|
}>;
|
|
10148
10196
|
};
|
|
10149
10197
|
};
|
|
10198
|
+
declare const cardStyles: {
|
|
10199
|
+
card: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10200
|
+
/**
|
|
10201
|
+
* Specifies the padding inside the card.
|
|
10202
|
+
* This prop accepts one of the following values: "none" or "base".
|
|
10203
|
+
* @default base
|
|
10204
|
+
*/
|
|
10205
|
+
padding: {
|
|
10206
|
+
base: {
|
|
10207
|
+
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10208
|
+
};
|
|
10209
|
+
none: {
|
|
10210
|
+
padding: number;
|
|
10211
|
+
};
|
|
10212
|
+
};
|
|
10213
|
+
}>;
|
|
10214
|
+
};
|
|
10215
|
+
declare const cardBackgroundColorProperties: {
|
|
10216
|
+
transparent: string;
|
|
10217
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10218
|
+
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10219
|
+
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10220
|
+
};
|
|
10221
|
+
export type CardVariants = NonNullable<RecipeVariants<typeof cardStyles.card>>;
|
|
10222
|
+
export interface CardSprinkle {
|
|
10223
|
+
/**
|
|
10224
|
+
* Specifies the background color of the card.
|
|
10225
|
+
* This prop accepts one of the following values: "$transparent", "$background", "$primary", or "$secondary"
|
|
10226
|
+
* @default $primary
|
|
10227
|
+
* @examples ["$brand", { xs: "$brand", md: "$secondary" }]
|
|
10228
|
+
*/
|
|
10229
|
+
backgroundColor?: AddDollar<keyof typeof cardBackgroundColorProperties> | Conditions<AddDollar<keyof typeof cardBackgroundColorProperties>>;
|
|
10230
|
+
}
|
|
10231
|
+
export declare const card: {
|
|
10232
|
+
classnames: {
|
|
10233
|
+
card: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10234
|
+
padding: {
|
|
10235
|
+
base: {
|
|
10236
|
+
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10237
|
+
};
|
|
10238
|
+
none: {
|
|
10239
|
+
padding: number;
|
|
10240
|
+
};
|
|
10241
|
+
};
|
|
10242
|
+
}>;
|
|
10243
|
+
};
|
|
10244
|
+
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
10245
|
+
{
|
|
10246
|
+
config: {
|
|
10247
|
+
backgroundColor: {
|
|
10248
|
+
values: {
|
|
10249
|
+
background: {
|
|
10250
|
+
default: string;
|
|
10251
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10252
|
+
};
|
|
10253
|
+
brand: {
|
|
10254
|
+
default: string;
|
|
10255
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10256
|
+
};
|
|
10257
|
+
"brand-hover": {
|
|
10258
|
+
default: string;
|
|
10259
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10260
|
+
};
|
|
10261
|
+
"brand-press": {
|
|
10262
|
+
default: string;
|
|
10263
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10264
|
+
};
|
|
10265
|
+
"brand-subdued": {
|
|
10266
|
+
default: string;
|
|
10267
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10268
|
+
};
|
|
10269
|
+
disabled: {
|
|
10270
|
+
default: string;
|
|
10271
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10272
|
+
};
|
|
10273
|
+
error: {
|
|
10274
|
+
default: string;
|
|
10275
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10276
|
+
};
|
|
10277
|
+
"error-hover": {
|
|
10278
|
+
default: string;
|
|
10279
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10280
|
+
};
|
|
10281
|
+
"error-press": {
|
|
10282
|
+
default: string;
|
|
10283
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10284
|
+
};
|
|
10285
|
+
"error-subdued": {
|
|
10286
|
+
default: string;
|
|
10287
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10288
|
+
};
|
|
10289
|
+
hover: {
|
|
10290
|
+
default: string;
|
|
10291
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10292
|
+
};
|
|
10293
|
+
info: {
|
|
10294
|
+
default: string;
|
|
10295
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10296
|
+
};
|
|
10297
|
+
"info-hover": {
|
|
10298
|
+
default: string;
|
|
10299
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10300
|
+
};
|
|
10301
|
+
"info-press": {
|
|
10302
|
+
default: string;
|
|
10303
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10304
|
+
};
|
|
10305
|
+
"info-subdued": {
|
|
10306
|
+
default: string;
|
|
10307
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10308
|
+
};
|
|
10309
|
+
invert: {
|
|
10310
|
+
default: string;
|
|
10311
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10312
|
+
};
|
|
10313
|
+
"invert-disabled": {
|
|
10314
|
+
default: string;
|
|
10315
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10316
|
+
};
|
|
10317
|
+
"invert-hover": {
|
|
10318
|
+
default: string;
|
|
10319
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10320
|
+
};
|
|
10321
|
+
"invert-press": {
|
|
10322
|
+
default: string;
|
|
10323
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10324
|
+
};
|
|
10325
|
+
"invert-secondary": {
|
|
10326
|
+
default: string;
|
|
10327
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10328
|
+
};
|
|
10329
|
+
"on-brand-hover": {
|
|
10330
|
+
default: string;
|
|
10331
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10332
|
+
};
|
|
10333
|
+
"on-brand-press": {
|
|
10334
|
+
default: string;
|
|
10335
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10336
|
+
};
|
|
10337
|
+
"on-error-hover": {
|
|
10338
|
+
default: string;
|
|
10339
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10340
|
+
};
|
|
10341
|
+
"on-error-press": {
|
|
10342
|
+
default: string;
|
|
10343
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10344
|
+
};
|
|
10345
|
+
"on-info-hover": {
|
|
10346
|
+
default: string;
|
|
10347
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10348
|
+
};
|
|
10349
|
+
"on-info-press": {
|
|
10350
|
+
default: string;
|
|
10351
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10352
|
+
};
|
|
10353
|
+
"on-success-hover": {
|
|
10354
|
+
default: string;
|
|
10355
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10356
|
+
};
|
|
10357
|
+
"on-success-press": {
|
|
10358
|
+
default: string;
|
|
10359
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10360
|
+
};
|
|
10361
|
+
"on-warning-hover": {
|
|
10362
|
+
default: string;
|
|
10363
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10364
|
+
};
|
|
10365
|
+
"on-warning-press": {
|
|
10366
|
+
default: string;
|
|
10367
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10368
|
+
};
|
|
10369
|
+
overlay: {
|
|
10370
|
+
default: string;
|
|
10371
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10372
|
+
};
|
|
10373
|
+
press: {
|
|
10374
|
+
default: string;
|
|
10375
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10376
|
+
};
|
|
10377
|
+
primary: {
|
|
10378
|
+
default: string;
|
|
10379
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10380
|
+
};
|
|
10381
|
+
secondary: {
|
|
10382
|
+
default: string;
|
|
10383
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10384
|
+
};
|
|
10385
|
+
success: {
|
|
10386
|
+
default: string;
|
|
10387
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10388
|
+
};
|
|
10389
|
+
"success-hover": {
|
|
10390
|
+
default: string;
|
|
10391
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10392
|
+
};
|
|
10393
|
+
"success-press": {
|
|
10394
|
+
default: string;
|
|
10395
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10396
|
+
};
|
|
10397
|
+
"success-subdued": {
|
|
10398
|
+
default: string;
|
|
10399
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10400
|
+
};
|
|
10401
|
+
warning: {
|
|
10402
|
+
default: string;
|
|
10403
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10404
|
+
};
|
|
10405
|
+
"warning-hover": {
|
|
10406
|
+
default: string;
|
|
10407
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10408
|
+
};
|
|
10409
|
+
"warning-press": {
|
|
10410
|
+
default: string;
|
|
10411
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10412
|
+
};
|
|
10413
|
+
"warning-subdued": {
|
|
10414
|
+
default: string;
|
|
10415
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10416
|
+
};
|
|
10417
|
+
transparent: {
|
|
10418
|
+
default: string;
|
|
10419
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10420
|
+
};
|
|
10421
|
+
};
|
|
10422
|
+
staticScale: {
|
|
10423
|
+
transparent: string;
|
|
10424
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10425
|
+
brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10426
|
+
"brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10427
|
+
"brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10428
|
+
"brand-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10429
|
+
disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10430
|
+
error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10431
|
+
"error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10432
|
+
"error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10433
|
+
"error-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10434
|
+
hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10435
|
+
info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10436
|
+
"info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10437
|
+
"info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10438
|
+
"info-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10439
|
+
invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10440
|
+
"invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10441
|
+
"invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10442
|
+
"invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10443
|
+
"invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10444
|
+
"on-brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10445
|
+
"on-brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10446
|
+
"on-error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10447
|
+
"on-error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10448
|
+
"on-info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10449
|
+
"on-info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10450
|
+
"on-success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10451
|
+
"on-success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10452
|
+
"on-warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10453
|
+
"on-warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10454
|
+
overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10455
|
+
press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10456
|
+
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10457
|
+
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10458
|
+
success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10459
|
+
"success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10460
|
+
"success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10461
|
+
"success-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10462
|
+
warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10463
|
+
"warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10464
|
+
"warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10465
|
+
"warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10466
|
+
};
|
|
10467
|
+
name: "backgroundColor";
|
|
10468
|
+
};
|
|
10469
|
+
};
|
|
10470
|
+
}
|
|
10471
|
+
]>;
|
|
10472
|
+
};
|
|
10150
10473
|
export declare const datepicker: {
|
|
10151
10474
|
classnames: {
|
|
10152
10475
|
datepicker: string;
|