Found 290 repositories(showing 30)
flavienlaurent
DateTimePicker is a library which contains the beautiful DatePicker that can be seen in the new Google Agenda app.
adrianhajdin
Build an event organization web app like Eventbrite or Meetup with authentication, event management, search, filtering, categories, checkout, and payments using Next JS 14, Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose, Clerk, and Stripe.
motss
Datepicker element built with Google's lit and Material Design 2021
joshilomas
This is the demo app on how to use angular-datepicker in ionic framework for hybrid apps.
emredkyc
Build an event organization web app like Eventbrite or Meetup with authentication, event management, search, filtering, categories, checkout, and payments using Next JS 14, Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose, Clerk, and Stripe.
gladchinda
Source code for a simple demo app showing how to build a custom datepicker for React applications.
Using JavaScript PersianDatePicker in ASP.NET applications.
opoplmm
<html><head> <meta name="baidu-site-verification" content="1jPmULtLtZ"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=9"> <title>微信支付 - 中国领先的第三方支付平台 | 微信支付提供安全快捷的支付方式</title> <meta name="keywords" content="微信支付,微信,支付,移动支付,手机支付,微支付,微信支付开通,微信支付接入,微信支付申请,微信支付官网,微信支付商户平台,微信支付接口开发,微信支付接口申请,微信支付客服,微信支付登录"> <meta name="description" content="微信支付是腾讯公司的支付业务品牌,微信支付提供公众号支付、APP支付、扫码支付、刷卡支付等支付方式。微信支付结合微信公众账号,全面打通O2O生活消费领域,提供专业的互联网+行业解决方案,微信支付支持微信红包和微信理财通,是移动支付的首选。"> <link rel="shortcut icon" href="https://wx.gtimg.com/core/favicon.ico" type="image/x-icon"> <style> body,ol,ul,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;} body{min-width:1200px;font:14px "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;background:#fff;-webkit-text-size-adjust:100%;color:#222;} a{color:#459ae9;text-decoration:none;} a:hover{color:#459ae9;text-decoration:underline;} i,em{font-style:normal;} strong{font-weight:normal;} li{list-style:none;} img{border:0;vertical-align:middle;} table{border-collapse:collapse;border-spacing:0;} .hide{display:none;} .red{color:#ff0000;} .login-form label,.cbx,.guide-main-li-ico,.warn,.ico-new,.ico-right{background:url(https://wx.gtimg.com/pay/img/home/base.png?v=20160112) no-repeat;} .clr:after{content:".";clear:both;display:block;height:0;visibility:hidden;} .clr{zoom:1;} .hide{display:none;} .vs{margin:0 10px;font-family:arial;color:#ccc;} .cbx{width:16px;height:16px;display:inline-block;margin:-3px 6px 0 0;*margin-top:0;vertical-align:middle;cursor:pointer;overflow:hidden;} .cbx{background-position:0 -54px;} .cbx-on{background-position:0 -80px;display:inline-block;} .wrap{width:1025px;margin:0 auto;overflow:hidden;zoom:1;} .container{margin:25px auto;} .topbar{height:33px;line-height:33px;color:#999;background:#f6f6f6;border-bottom:1px solid #dcdcdc;font:12px/33px tahoma,arial,"Hiragino Sans GB",\5B8B\4F53,sans-serif;} .topbar a{color:#00c901;} .header{position:relative;z-index:99;background-color:#fff;/*border-top:4px solid #44b549;*/border-bottom:1px solid #d9dadc;} .header .wrap{height:60px;position:relative;overflow:visible;z-index:999} .header .logo{float:left;width:232px;overflow:hidden;} .header .logo a{display:block;height:40px;margin-top:12px;text-indent:-999px;background:url(https://wx.gtimg.com/pay/img/common/logo.png?v=20160114) no-repeat} .header .link{float:right;line-height:60px;} .header .link a{color:#222;} .header .link a:hover{color:#459ae9} .header .pole-msg{display:inline-block;*display:inline;position:relative;} .header .pole-msg a.content-us{display:inline-block;width:75px;height:60px;position:relative;z-index:9;} .header .pole-msg a.content-us:hover{color:#222;text-decoration:none;} .header .pole-msg.show-popup a.content-us{background:#fff;border-left:1px solid #e7e7eb;border-right:1px solid #e7e7eb;padding-left:16px;margin:0 -1px 0 -17px;*left:-17px;} .header .popup{display:none;position:absolute;top:59px;left:-97px;border:1px solid #e7e7eb;z-index:8;width:131px;} .header .show-popup .popup{display:block;line-height:26px;padding:14px 20px;background:#fff;} .header .show-popup .popup p{font-size:12px;color:#999} .header .show-popup .popup p.tel{color:#333333;font-size:17px;} .header .show-popup .popup .bor-top{border-top:1px solid #e7e7eb;margin-top:10px;padding-top:10px;} .header .dropdown-arrow{position:absolute;right:6px;top:29px;border-color:#c2c2c2 transparent transparent;border-style:solid dashed dashed;border-width:4px 4px 0;font-size:0;height:0;width:0;line-height:0;} .header .show-popup .dropdown-arrow{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .25s ease 0s;-moz-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;transition:all .25s ease 0s;} .footer{text-align:center;padding-bottom:20px;color:#999999;font:12px/1.6 tahoma,arial,"Hiragino Sans GB",\5B8B\4F53,sans-serif;} .footer p{margin-bottom:8px;} .footer a{color:#999999;} .footer a:hover{color:#459ae9} .banner{height:410px;position:relative;} .banner .wrap-login{position:relative;z-index:2;} .banner .login{float:right;width:314px;margin-top:20px;padding:15px 15px 20px;background:rgba(255,255,255,0.8);position:static;border:1px solid #fff;} @media \0screen\,screen\9{ .banner .login{background:#fff;filter:alpha(opacity=80);*zoom:1;position:static;} .banner .login .login-in{position:relative;} } .banner .login h2{margin-bottom:5px;font-size:20px;font-weight:400;} .banner .login h2 strong{display:none;} .banner .login a{color:#333} .banner .login a:hover{color:#459ae9} .banner .login .tips-error a,.banner .login .tips-warn a{color:#459ae9} .banner .login .tips-error{line-height:24px;font-size:13px;} .banner .login .tips-warn .warn{float:left;width:16px;height:16px;background-position:-24px 0;margin-top:4px;} .banner .login .tips-warn p{float:right;color:#b29b4a;width:290px;font-size:13px;line-height:24px} .banner .login-form .login-mainly{margin-top:10px;margin-bottom:10px;} .banner .login-form .login-account,.banner .login-form .login-password{height:42px;line-height:42px;padding:3px 0;background:#fff;border-left:1px solid #cecece;border-top:1px solid #cecece;position:relative;padding-left:54px;} .banner .login-form label{width:20px;height:20px;overflow:hidden;text-indent:-999px;position:absolute;left:20px;top:30%} .banner .login-form input{width:100%;padding:11px 0;border:0;box-shadow:0;outline:0;vertical-align:middle;font-family:"Microsoft YaHei";font-size:14px;} .banner .login-form .ico-account{background-position:0 0;} .banner .login-form .ico-password{background-position:0 -26px;} .banner .login-form .login-password{margin-top:10px;} .banner .login-password-on .login-account{border-bottom:none;} .banner .login-verify{margin-bottom:10px;height:38px;} .banner .login-verify input{width:100px;padding:10px;vertical-align:middle;vertical-align:middle;border-left:1px solid #cecece;border-top:1px solid #cecece;} .banner .login-verify input:focus{border-left:1px solid #cecece;border-top:1px solid #cecece;} .banner .login-verify .img-verify{width:100px;height:40px;margin:0 11px;vertical-align:middle;} .banner .login-memory{margin-bottom:20px;overflow:hidden;zoom:1;} .banner .login-memory .memory-account{float:left;} .banner .login-memory .forget-password{float:right;} .banner .login .btn-login{display:inline-block;width:100%;height:45px;line-height:45px;background-color:#00c800;color:#fff;border:1px solid #44b549;text-align:center;font-size:20px;} .banner .login .btn-login:hover{text-decoration:none;background:#2F9833;color:#fff;} .guide-main-li-ico{display:inline-block;width:73px;height:57px;} .ico-mp{background-position:2px -159px;} .ico-app{background-position:8px -366px;} .ico-code{background-position:4px -230px;} .ico-shuaka{background-position:8px -294px;} /*最新公告*/ .cms-notice{margin:5px 0 -7px;position:relative;} .cms-notice h2,.cms-notice ul,.cms-notice p{display:inline-block;line-height:20px;} .cms-notice h2{float:left;background:#595B5B;color:#fff;font-size:14px;padding:0px 4px;} .cms-notice li{float:left;margin-left:18px;width:275px;} .cms-notice a{color:#222} .cms-notice a:hover{color:#459ae9} .cms-notice li span.time{float:left;color:#999;margin-right:5px;} .cms-notice li a{display:inline-block;max-width:205px;_width:205px;height:21px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;} .cms-notice p{float:right;} .cms-notice p a{color:#222;} .cms-notice li .ico-new{position:absolute;display:inline-block;width:17px;height:9px;margin-left:5px;background:url(https://wx.gtimg.com/mch/img/ico-new.png);} .cms-notice .more{position:absolute;top:0;right:0;} .cms-notice .more .ico-right{display:inline-block;width:11px;height:9px;margin:0 0 0 3px;vertical-align:middle;background-position:-4px -135px;} /*四大支付方式*/ .title{margin-top:45px;} .title h2,.title .line,.title .pay-btn{display:inline-block;} .title h2{font-size:20px;font-weight:normal;color:#333;background:#fff;position:absolute;margin-top:-15px;padding-right:10px;} .title .pay-btn{position:absolute;right:0;margin-top:-14px;background:#fff;padding-left:5px;} .title .pay-btn a{display:block;border:1px solid #3e3a39;padding:2px 5px 2px 17px;color:#333333;} .title .pay-btn a:hover{text-decoration:none} .through{height:326px;margin-top:20px;padding-bottom:35px;border-bottom:1px dotted #ccc;background:url(https://wx.gtimg.com/pay/img/home/qrcode.png?v=20150602) center top no-repeat;} .through li{font-size:16px;margin-top:58px;margin-left:68px;position:absolute;} .through li.l02{margin-top:143px;} .through li.l03{margin-top:228px;} .through li.l04{margin-left:748px;} .through li.l05{margin-top:143px;margin-left:755px;} .through li.l06{margin-top:228px;margin-left:755px;} .guide-main{margin-top:37px;margin-bottom:5px;} .guide-main li{width:240px;height:266px;background-color:#FFFFFF;float:left;margin-right:21px;_margin-right:20px;text-align:center} .guide-main .guide-main-li-4{margin-right:0;} .guide-main li a{width:239px;height:266px;display:block;position:relative;border:1px solid #e5e5e5;} .guide-main li .title{display:block;color:#000000;font-size:16px;line-height:1;margin-top:25px;font-weight:normal} .guide-main li .info{display:block;color:#999999;font-size:12px;line-height:1;margin-top:14px;} .guide-main li .info .strong{font-weight:bold;} .guide-main-li-ico{margin-top:72px;-webkit-transition:margin-top 0.2s linear;-moz-transition:margin-top 0.2s linear;-ms-transition:margin-top 0.2s linear;-o-transition:margin-top 0.2s linear;transition:margin-top 0.2s linear;} .guide-main li .btngreen{display:none;margin:20px auto 0;width:191px;height:35px;line-height:35px;background-color:#00C800;font-size:14px;color:#FFFFFF;border-bottom:1px solid #00A000;} .guide-main li .btngray{background-color:#E6E6E6!important;color:#666666!important;border-bottom:1px solid #CCCCCC;} .guide-main-li-3 .tips{display:none;font-size:12px;color:#FF9900;line-height:1;} .guide-main-li-3 .tips .ico-info-orange{vertical-align:-3px;*vertical-align:1px;margin-right:5px;margin-top:12px;} .guide-main li a:hover{border:1px solid #00c800;text-decoration:none} .guide-main li a:hover .btngreen{display:block;} .guide-main li a:hover .tips{display:block;} .guide-main li a:hover .guide-main-li-ico{margin-top:45px;-webkit-transition:margin-top 0.2s linear;-moz-transition:margin-top 0.2s linear;-ms-transition:margin-top 0.2s linear;-o-transition:margin-top 0.2s linear;transition:margin-top 0.2s linear;} .guide-link{padding-top:120px;padding-bottom:58px;position:relative;height:24px;} .guide-link-a{color:#00C800;font-size:18px;height:24px;width:162px;} .guide-link-a .ico-arrow-right{vertical-align:-2px;*vertical-align:3px;margin-left:8px;cursor:pointer;} .guide-link-code{display:none;position:absolute;border:1px solid #C9C9C9;padding:6px;background-color:#FFFFFF;width:105px;height:105px;top:67px;left:50%;margin-left:90px;} .show-code .guide-link-code{display:block;} .show-code .ico-arrow-right{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);} /*图片轮播*/ .cms-banner{position:absolute;top:0;width:100%;height:410px;overflow:hidden; left:0} .cms-banner a{display:block;width:100%;height:410px;text-indent:-9999px;} .cms-banner ul li{position:absolute;top:0;width:100%;height:410px;background-position:center;background-repeat:no-repeat;} .cms-banner ol{position:absolute;z-index:9;bottom:0px;display:table;left:50%;margin-left:-73px;padding:16px 16px 16px 0;} .cms-banner ol li{float:left;width:10px;height:10px;margin-left:16px;text-indent:-9999px;background:#fff;border-radius:5px;overflow:hidden;} .cms-banner ol li.active{background:#44B549;} </style> </head> <body class="index" onclick="pgvWatchClick();"> <!-- 头部[[ --> <!-- 头部 [[ --> <script>var _speedMark=Date.now()</script> <!--小于ie7 跳转到错误页面 --> <!--[if lt IE 7]> <script> window.location.href='https://pay.weixin.qq.com/public/error/browser_tips'; </script> <![endif]--> <div class="topbar"> <div class="wrap"> <span onclick="pgvSendClick({hottag:'PAY.HOME.NAVI.CHINA_BUSINESS'});">境内业务</span> <i class="vs">|</i> <a onclick="pgvSendClick({hottag:'PAY.HOME.NAVI.INTERNATIONAL_BUSINESS'});" href="https://pay.weixin.qq.com/index.php/public/wechatpay" target="_blank">International business</a> </div> </div> <div class="header"> <div class="wrap"> <div class="logo"><h1><a href="/index.php/core/account" title="微信支付商户平台">微信支付商户平台</a></h1></div> <div class="link"> <a href="https://pay.weixin.qq.com/partner/public/home" target="_blank" onclick="pgvSendClick({hottag:'PAY.HOME.NAVI.SERVICE_PROVIDER'});"><strong class="hide">微信支付</strong>服务商</a> <i class="vs">|</i> <a href="https://pay.weixin.qq.com/wxzf_guide/index.shtml" target="_blank" onclick="pgvSendClick({hottag:'PAY.HOME.NAVI.WXZF_GUIDE'});"><strong class="hide">微信支付</strong>接入指引</a> <i class="vs">|</i> <a href="https://pay.weixin.qq.com/wiki/doc/api/index.php" target="_blank" onclick="pgvSendClick({hottag:'PAY.HOME.NAVI.API_DOC'});"><strong class="hide">微信支付</strong>开发文档</a> <i class="vs">|</i> <div class="pole-msg showPopUpJS"> <a class="content-us" href="javascript:;" onclick="pgvSendClick({hottag:'PAY.HOME.NAVI.HELP_CENTER'});">帮助中心<span class="dropdown-arrow"></span></a> <div class="popup"> <div class="inner"> <ul> <li> <p class="tel">客服:95017</p> <p>周一到周五 09:00-18:00</p> </li> <li class="bor-top"> <a href="http://kf.qq.com/product/wechatpaymentmerchant.html" target="_blank" onclick="pgvSendClick({hottag:'PAY.HOME.NAVI.QQ_KEFU'});">自助服务专区</a> </li> </ul> </div> </div> </div> </div> </div> </div> <script src="https://wx.gtimg.com/third/jquery/jquery-1.7.min.js"></script> <script type="text/javascript">if(typeof $jqueryUi == "undefined"){document.write('<script type="text/javascript" src="https://wx.gtimg.com/third/jquery/jquery-ui.js"></script"+">');}</script><script type="text/javascript" src="https://wx.gtimg.com/third/jquery/jquery-ui.js"></script"+"> <script>window["MCH.common.time"]=[new Date()]</script> <script id="legos:22195" ver="22195:20140901:20160908155731" name="MCH.common" src="https://wx.gtimg.com/mch/js/ver/2014/09/mch.common.20140901.js?t=20160908155731" charset="utf-8"></script><div class="mask-layer hide" id="header-masker"></div><!--[if !IE]>|xGv00|c95d265e97fcc54b235954b5b4a712f5<![endif]--> <script>window["MCH.header.time"]=[new Date()]</script> <script id="legos:22118" ver="22118:20140422:20160620111341" name="MCH.header" src="https://wx.gtimg.com/mch/js/ver/2014/04/mch.header.20140422.js?t=20160620111341" charset="utf-8"></script><!--[if !IE]>|xGv00|da289bab2d090281ed2476547ba6b944<![endif]--> <!-- 头部 ]] --><!--[if !IE]>|xGv00|73bbdddabec4f094fcae10c51db0f883<![endif]--> <!-- 头部 ]] --> <!-- 登录[[ --> <div class="banner"> <div class="cms-banner cms-area" id="cmspic_1000" home="true"><ul><li style="opacity: 0; z-index: 0; background-image: url("https://shp.qpic.cn/mmpay/oU5xbewRJutFViafoibhr5UHrDC2mbMGDZyLEY3icMbqS2o3BoicgX18HtuYicRR0fOJM/0");"><a target="_blank" href="https://pay.weixin.qq.com/public/qrcode_pay">banner</a></li><li style="opacity: 0.248188; z-index: 0; background-image: url("https://shp.qpic.cn/mmpay/oU5xbewRJuvfQibNQiaWz5VUDocbQSYYe3hM60YBT0t6AWkzDjcIFFgQxckUUn64nQ/0");"><a target="_blank" href="http://v.qq.com/x/cover/mv3e2ecbtloy44o.html?vid=u01960zjo7r">banner</a></li><li style="opacity: 0.751812; z-index: 1; background-image: url("https://shp.qpic.cn/mmpay/oU5xbewRJuv0wHAj5rxw34SXVgoycsicBB7zpopLBoGzl6S7EicZPsOPsyfj90NG2I/0");"><a target="_blank" href="http://v.qq.com/x/cover/mv3e2ecbtloy44o.html?vid=u01960zjo7r">banner</a></li><li style="opacity: 0; z-index: 0; background-image: url("https://shp.qpic.cn/mmpay/oU5xbewRJuupH9MJ5hbqw5sMmlyyn0UnUicF2UeHLKEkCO11MnS1DoXXicX3gOwfuK/0");"><a target="_blank" href="http://v.qq.com/x/cover/mv3e2ecbtloy44o.html?vid=u01960zjo7r">banner</a></li><li style="opacity: 0; z-index: 0; background-image: url("https://shp.qpic.cn/mmpay/oU5xbewRJuuZ81jvVm2RMN2C3hBE2oKW6UjJKs99mAZRxGOdCFYkyMU8NxHLDlLQ/0");"><a target="_blank" href="http://v.qq.com/x/cover/mv3e2ecbtloy44o.html?vid=u01960zjo7r">banner</a></li></ul><ol class="dots" style="opacity: 1; z-index: 1;"><li class="dot">1</li><li class="dot">2</li><li class="dot active">3</li><li class="dot">4</li><li class="dot">5</li></ol></div> <div class="wrap"> <div class="wrap-login"> <div class="login"> <div class="login-in"> <h2><span class="hide">微信支付</span>商户登录</h2> <div class="tips-warn clr hide" id="IDBrowserSafariTips"><i class="warn"></i><p>由于Safari浏览器安全策略,如密码输入出现异常,请根据指引修改Safari浏览器配置, <a href="/help_guide/login_guide.shtml" target="_blank">查看指引</a></p></div> <div class="tips-warn clr hide" id="IDBrowserMacChromeTips"><i class="warn"></i><p> 如密码输入出现异常,请根据指引修改浏览器配置, <a href="https://pay.weixin.qq.com/index.php/public/cms/content_detail?platformType=0&lang=zh&id=29000 " target="_blank">查看指引。</a></p></div> <div class="tips-error"><i class="ico-error"></i><p id="errmsg" style="color:red"></p></div> <!-- 交互说明 1. 给样式"login-form"添加样式"login-account-on",显示账号获焦效果 2. 给样式"login-form"添加样式"login-password-on",显示密码获焦效果 --> <form class="login-form login-password-on" action="/index.php/core/home/d_login_transition" method="post"> <div class="login-mainly"> <div class="login-account"><label class="ico-account" for="" title="登录帐号">登录帐号</label><input type="text" name="username" placeholder="登录帐号" id="idUserName"></div> <div class="login-password" id="mmpayPwdEdit"><label class="ico-password" for="" title="登录密码">登录密码</label><input type="password" name="password" placeholder="登录密码" id="idPassword"></div> </div> <input type="hidden" name="return_url" value="/index.php"> <input type="hidden" name="login_type" value="0"> <input id="token" type="hidden" name="ecc_csrf_token" value="2a9b085516b87f66cb0ca18a5453bdf4"> <div class="login-verify "><input type="text" name="checkword_in" maxlength="4" placeholder="验证码"><input type="hidden" name="need_check" value="1"><img class="img-verify change-verify" src="http://captcha.qq.com/getimage?aid=755049101&rd=0.1314846018794924" style="height:40px;width:100px;"><a class="change-verify" href="#">换一张</a></div> </form> <div class="login-memory"><label id="memory_username_label" class="memory-account" for=""><i class="cbx" id="memory_username"></i>记住帐号</label><a class="forget-password" href="/index.php/public/reset_pass" onclick="pgvSendClick({hottag:'PAY.HOME.LOGIN_BOX.FORGET_PASSWORD'});">忘记密码?</a></div> <a class="btn-login" href="javascript:void(0);" id="do_login" onclick="pgvSendClick({hottag:'PAY.HOME.LOGIN_BOX.LOGIN_BUTTON'});">登录</a> </div> </div> <input id="seed" type="hidden" name="time_seed" value="31343839353931393137"> </div> </div> </div> <!-- 登录 ]] --> <!-- 内容[[ --> <div class="container"> <div class="wrap"> <!-- 最新公告[[ --> <div class="cms-notice cms-area clr" id="cmsanm_6000" home="true" link-list-id="6200"><h2>最新公告</h2><ul><li><span class="time">[03.15]</span><a target="_blank" href="/index.php/public/cms/content_detail?lang=zh&id=36602" title="3月16-17日微信支付退款业务升级维护通知">3月16-17日微信支付退款业务升级维护通知</a><i class="ico-new"></i></li><li><span class="time">[02.10]</span><a target="_blank" href="/index.php/public/cms/content_detail?lang=zh&id=41201" title="微信支付企业付款业务调整公告">微信支付企业付款业务调整公告</a></li><li><span class="time">[11.30]</span><a target="_blank" href="/index.php/public/cms/content_detail?lang=zh&id=30001" title="《商户平台使用手册》正式上线">《商户平台使用手册》正式上线</a></li></ul><p class="more"><a href="/public/cms/content_list?lang=zh&id=6200" target="_blank">更多公告>></a></p></div> <!-- 最新公告 ]] --> <!-- 四大支付方式[[ --> <div class="title clr"> <h2>接入微信支付</h2> </div> <div class="function clr"> <ul class="guide-main clr"> <li class="guide-main-li-1"> <a href="http://kf.qq.com/faq/120911VrYVrA150905zeYjMZ.html" target="_blank" onclick="pgvSendClick({hottag:'PAY.HOME.APPLY.IN_APP_WEB'});"> <span class="guide-main-li-ico ico-mp"></span> <h3 class="title">公众号支付</h3> <p class="info">在微信内的商家页面上完成<em>公众号支付</em></p> <span class="btngreen">我要接入</span> </a> </li> <li class="guide-main-li-2"> <a href="http://kf.qq.com/faq/120911VrYVrA150906F3qqY3.html" target="_blank" onclick="pgvSendClick({hottag:'PAY.HOME.APPLY.IN_APP'});"> <span class="guide-main-li-ico ico-app"></span> <h3 class="title">APP支付</h3> <p class="info">在APP中,调起微信进行<em>APP支付</em></p> <span class="btngreen">我要接入</span> </a> </li> <li class="guide-main-li-3"> <a href="http://kf.qq.com/faq/120911VrYVrA150906yUZze6.html" target="_blank" onclick="pgvSendClick({hottag:'PAY.HOME.APPLY.QR_CODE'});"> <span class="guide-main-li-ico ico-code"></span> <h3 class="title">扫码支付</h3> <p class="info">扫描二维码进行<em>扫码支付</em></p> <span class="btngreen">我要接入</span> </a> </li> <li class="guide-main-li-4"> <a href="http://kf.qq.com/faq/120911VrYVrA150906iQjQjI.html" target="_blank" onclick="pgvSendClick({hottag:'PAY.HOME.APPLY.QUICK_PAY'});"> <span class="guide-main-li-ico ico-shuaka"></span> <h3 class="title">刷卡支付</h3> <p class="info">用户展示条码,商户扫描完成<em>刷卡支付</em></p> <span class="btngreen">我要接入</span> </a> </li> </ul> </div> <!-- 四大支付方式 ]] --> <!-- 微信支付商户通[[ --> <div class="title clr"> <h2>微信支付商户通</h2> </div> <div class="through"> <ul> <li class="l01">如何快速接入<strong>微信支付</strong>?</li> <li class="l02">了解最新的<strong>支付技术接口</strong>?</li> <li class="l03"><strong>微信商户</strong>后台操作有疑问?</li> <li class="l04"><strong>微信现金红包</strong>怎么玩?</li> <li class="l05">掌握最新的<strong>微信行业解决方案</strong>?</li> <li class="l06">获取一手的<strong>微信支付官方动态</strong>?</li> </ul> </div> <!-- 微信支付商户通 ]] --> </div> </div> <!-- 内容 ]] --> <script src="https://www.tenpay.com/v2/res/js/global/tenpayctrl_v2-min.js"></script> <script>window["MCH.tenpaycertV2.time"]=[new Date()]</script> <script id="legos:22410" ver="22410:20151023:20170106102318" name="MCH.tenpaycertV2" src="https://wx.gtimg.com/mch/js/ver/2015/10/mch.tenpaycertV2.20151023.js?t=20170106102318" charset="utf-8"></script><!--[if !IE]>|xGv00|09219d01d9d2312179afd1ffbb55230b<![endif]--><!--[if !IE]>|xGv00|8ab59df4495293a71573934cfa4d640c<![endif]--> <script>window["MCH.home.time"]=[new Date()]</script> <script id="legos:22134" ver="22134:20140516:20170105201629" name="MCH.home" charset="utf-8"> window['MCH.home.time'] && window['MCH.home.time'].push(new Date()); function $addToken(url,type,skey){var token=$getToken(skey);if(url==""||(url.indexOf("://")<0?location.href:url).indexOf("http")!=0){return url;} if(url.indexOf("#")!=-1){var f1=url.match(/\?.+\#/);if(f1){var t=f1[0].split("#"),newPara=[t[0],"&g_tk=",token,"&g_ty=",type,"#",t[1]].join("");return url.replace(f1[0],newPara);}else{var t=url.split("#");return[t[0],"?g_tk=",token,"&g_ty=",type,"#",t[1]].join("");}} return token==""?(url+(url.indexOf("?")!=-1?"&":"?")+"g_ty="+type):(url+(url.indexOf("?")!=-1?"&":"?")+"g_tk="+token+"&g_ty="+type);};var $ajax=(function(window,undefined){var oXHRCallbacks,xhrCounter=0;var fXHRAbortOnUnload=window.ActiveXObject?function(){for(var key in oXHRCallbacks){oXHRCallbacks[key](0,1);}}:false;return function(opt){var o={url:'',method:'GET',data:null,type:"text",async:true,cache:false,timeout:0,autoToken:true,username:'',password:'',beforeSend:$empty(),onSuccess:$empty(),onError:$empty(),onComplete:$empty()};for(var key in opt){o[key]=opt[key]} var callback,timeoutTimer,xhrCallbackHandle,ajaxLocation,ajaxLocParts;try{ajaxLocation=location.href;} catch(e){ajaxLocation=document.createElement("a");ajaxLocation.href="";ajaxLocation=ajaxLocation.href;} ajaxLocParts=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/.exec(ajaxLocation.toLowerCase())||[];o.isLocal=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/.test(ajaxLocParts[1]);o.method=(typeof(o.method)!="string"||o.method.toUpperCase()!="POST")?"GET":"POST";o.data=(typeof o.data=="string")?o.data:$makeUrl(o.data);if(o.method=='GET'&&o.data){o.url+=(o.url.indexOf("?")<0?"?":"&")+o.data;} if(o.autoToken){o.url=$addToken(o.url,"ajax");} o.xhr=$xhrMaker();if(o.xhr===null){return false;} try{if(o.username){o.xhr.open(o.method,o.url,o.async,o.username,o.password);} else{o.xhr.open(o.method,o.url,o.async);}} catch(e){o.onError(-2,e);return false;} if(o.method=='POST'){o.xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');} if(!o.cache){o.xhr.setRequestHeader('If-Modified-Since','Thu, 1 Jan 1970 00:00:00 GMT');o.xhr.setRequestHeader('Cache-Control','no-cache');} o.beforeSend(o.xhr);if(o.async&&o.timeout>0){if(o.xhr.timeout===undefined){timeoutTimer=setTimeout(function(){if(o.xhr&&callback){callback(0,1);} o.onError(0,null,'timeout');},o.timeout);} else{o.xhr.timeout=o.timeout;o.xhr.ontimeout=function(){if(o.xhr&&callback){callback(0,1);} o.onError(0,null,'timeout');};}} o.xhr.send(o.method=='POST'?o.data:null);callback=function(e,isAbort){if(timeoutTimer){clearTimeout(timeoutTimer);timeoutTimer=undefined;} if(callback&&(isAbort||o.xhr.readyState===4)){callback=undefined;if(xhrCallbackHandle){o.xhr.onreadystatechange=$empty();if(fXHRAbortOnUnload){try{delete oXHRCallbacks[xhrCallbackHandle];} catch(e){}}} if(isAbort){if(o.xhr.readyState!==4){o.xhr.abort();}} else{var status,statusText,responses;responses={headers:o.xhr.getAllResponseHeaders()};status=o.xhr.status;try{statusText=o.xhr.statusText;} catch(e){statusText="";} try{responses.text=o.xhr.responseText;} catch(e){responses.text="";} if(!status&&o.isLocal){status=responses.text?200:404;} else if(status===1223){status=204;} if(status>=200&&status<300){responses.text=responses.text.replace(/<!--\[if !IE\]>[\w\|]+<!\[endif\]-->/g,'');switch(o.type){case'text':o.onSuccess(responses.text);break;case"json":var json;try{json=(new Function("return ("+responses.text+")"))();} catch(e){o.onError(status,e,responses.text);} if(json){o.onSuccess(json);} break;case"xml":o.onSuccess(o.xhr.responseXML);break;}} else{if(status===0&&o.timeout>0){o.onError(status,null,'timeout');} else{o.onError(status,null,statusText);}} o.onComplete(status,statusText,responses);} delete o.xhr;}};if(!o.async){callback();} else if(o.xhr.readyState===4){setTimeout(callback,0);} else{xhrCallbackHandle=++xhrCounter;if(fXHRAbortOnUnload){if(!oXHRCallbacks){oXHRCallbacks={};if(window.attachEvent){window.attachEvent("onunload",fXHRAbortOnUnload);} else{window["onunload"]=fXHRAbortOnUnload;}} oXHRCallbacks[xhrCallbackHandle]=callback;} o.xhr.onreadystatechange=callback;}};})(window,undefined);function $empty(){return function(){return true;}};function $getCookie(name){var reg=new RegExp("(^| )"+name+"(?:=([^;]*))?(;|$)"),val=document.cookie.match(reg);return val?(val[2]?unescape(val[2]):""):null;};function $getToken(skey){var skey=skey?skey:$getCookie("skey");return skey?$time33(skey):"";};function $makeUrl(data){var arr=[];for(var k in data){arr.push(k+"="+data[k]);};return arr.join("&");};function $namespace(name){for(var arr=name.split(','),r=0,len=arr.length;r<len;r++){for(var i=0,k,name=arr[r].split('.'),parent={};k=name[i];i++){i===0?eval('(typeof '+k+')==="undefined"?('+k+'={}):"";parent='+k):(parent=parent[k]=parent[k]||{});}}};function $setCookie(name,value,expires,path,domain,secure){var exp=new Date(),expires=arguments[2]||null,path=arguments[3]||"/",domain=arguments[4]||null,secure=arguments[5]||false;expires?exp.setMinutes(exp.getMinutes()+parseInt(expires)):"";document.cookie=name+'='+escape(value)+(expires?';expires='+exp.toGMTString():'')+(path?';path='+path:'')+(domain?';domain='+domain:'')+(secure?';secure':'');};function $strTrim(str,code){var argus=code||"\\s";var temp=new RegExp("(^"+argus+"*)|("+argus+"*$)","g");return str.replace(temp,"");};function $time33(str){for(var i=0,len=str.length,hash=5381;i<len;++i){hash+=(hash<<5)+str.charAt(i).charCodeAt();};return hash&0x7fffffff;};function $xhrMaker(){var xhr;try{xhr=new XMLHttpRequest();}catch(e){try{xhr=new ActiveXObject("Msxml2.XMLHTTP");}catch(e){try{xhr=new ActiveXObject("Microsoft.XMLHTTP");}catch(e){xhr=null;}}};return xhr;};$namespace("MCH.home");MCH.home={tenpayEdit:''};MCH.home.init=function(){homeThat=this;homeThat.tenpayEdit=new MCH.mmpayEdit({bindObjId:"mmpayPwdEdit",width:258,height:44},{isShowFunc:MCH.home.isShowFunc,returnCallBack:MCH.home.editShowReturn},this);this.bind();Common.exdAttrBrowser();};MCH.home.isShowFunc=function(){var username=$strTrim($(".login-form").find("input[name=username]").val());if(Common.isTenpayMchByName(username)){return true;}else{return false;}};MCH.home.editShowReturn=function(editRet){var browserFunc=function(){var sys=Common.getBrowserVersion();if(sys.osType=="mac"&&sys.browserName=="Safari"){$("#IDBrowserSafariTips").removeClass("hide");}else if(sys.osType=="mac"&&sys.browserName=="Chrome"&&sys.browserVersion>="47"){$("#IDBrowserMacChromeTips").removeClass("hide");}else if(sys.osType=="windows"&&sys.browserName!="IE"){$("#IDBrowserMacChromeTips").removeClass("hide");}};try{var version=editRet.editObj.ctrl.Version.toString();if(version&&(version>1206)){return true;}else{browserFunc();}}catch(e){browserFunc();}};MCH.home.focus_fuc=function(){$(".login-form").removeClass("login-account-on");$(".login-form").addClass("login-password-on");};MCH.home.blur_fuc=function(){$(".login-form").removeClass("login-password-on");};MCH.home.enter_fuc=function(){return null;};MCH.home.ossAttrIncAPI=function(id,key){var postData='id='+id+'&key='+key;$ajax({url:'/webreport/ossattrapi',data:postData,method:'post',type:'json',async:true,onSuccess:function(data){},onError:function(msg){}});};MCH.home.userNameBlur=function(){var username=$(".login-form").find("input[name=username]").val();var length=username.length;switch(length){case 0:MCH.home.ossAttrIncAPI(63769,18);break;case 1:MCH.home.ossAttrIncAPI(63769,19);break;case 2:MCH.home.ossAttrIncAPI(63769,20);break;case 3:MCH.home.ossAttrIncAPI(63769,21);break;case 4:MCH.home.ossAttrIncAPI(63769,22);break;case 5:MCH.home.ossAttrIncAPI(63769,23);break;case 6:MCH.home.ossAttrIncAPI(63769,24);break;case 7:MCH.home.ossAttrIncAPI(63769,25);break;case 8:MCH.home.ossAttrIncAPI(63769,26);break;case 9:MCH.home.ossAttrIncAPI(63769,27);break;case 10:MCH.home.ossAttrIncAPI(63769,28);break;default:MCH.home.ossAttrIncAPI(63769,29);break;} var ua=navigator.userAgent.toLowerCase();var reg=/[Aa]ndroid/;if(reg.test(ua)){MCH.home.ossAttrIncAPI(63769,31);}else{MCH.home.ossAttrIncAPI(63769,32);}};MCH.home.bind=function(){$("input[name=username]").focus();if($getCookie("username")){MCH.home.ossAttrIncAPI(63769,30);$("input[name=username]").val($getCookie("username"));$("#memory_username").addClass('cbx-on');} $("input[name=username]").on('focus',function(){MCH.home.ossAttrIncAPI(63769,17);$(".login-form").removeClass("login-password-on");$(".login-form").addClass("login-account-on");});$("input[name=password]").on('focus',function(){$(".login-form").removeClass("login-account-on");$(".login-form").addClass("login-password-on");homeThat.tenpayEdit.show();});$("input[name=username]").on('blur',function(){MCH.home.userNameBlur();$(".login-form").removeClass("login-account-on");$(".login-form").addClass("login-password-on");homeThat.tenpayEdit.show();});$("#memory_username_label").on('click',function(){if($('#memory_username').hasClass('cbx-on')){$('#memory_username').removeClass('cbx-on');}else{$('#memory_username').addClass('cbx-on');}});$("#do_login").on('click',function(){$("#errmsg").text("").addClass('hide');var temp_usrname=$(".login-form").find("input[name=username]").val();$(".login-form").find("input[name=username]").val($strTrim(temp_usrname));if($("#memory_username").hasClass('cbx-on')){$setCookie('username',$("input[name=username]").val(),'3600');}else{$setCookie('username',$("input[name=username]").val());} var username=$(".login-form").find("input[name=username]").val();var password=$(".login-form").find("input[name=password]").val();password=homeThat.tenpayEdit.getPwd();if(username&&password){password=Common.encryptPassword(password);if($(".login-verify").html()){if($("input[name=checkword_in]").val()){if($("input[name=checkword_in]").val().length!=4){$("#errmsg").text('请检查验证码').removeClass('hide');}else{$(".login-form").find("input[name=password]").val(password);$(".login-form").submit();}} else{$("#errmsg").text('请输入验证码').removeClass('hide');}}else{$(".login-form").find("input[name=password]").val(password);$(".login-form").submit();}}else{if(username.length==0&&password===false){$("#errmsg").text('请输入帐号和密码').removeClass('hide');}else if(username.length==0){$("#errmsg").text('请输入登录帐号').removeClass('hide');}else{$("#errmsg").text(homeThat.tenpayEdit.errmsg).removeClass('hide');}}});};MCH.home.init(); window['MCH.home']='22134:20140516:20170105201629'; window['MCH.home.time'] && window['MCH.home.time'].push(new Date()); </script><!--[if !IE]>|xGv00|6f5e5c77fe153f6e42ad173204c021c5<![endif]--> <script>window["MCH.cms.time"]=[new Date()]</script> <script id="legos:22392" ver="22392:20151027:20160810123858" name="MCH.cms" src="https://wx.gtimg.com/mch/js/ver/2015/10/mch.cms.20151027.js?t=20160810123858" charset="utf-8"></script><!--[if !IE]>|xGv00|b299de016a6e1f795625ccbc51c6c029<![endif]--> <!-- 底部[[ --> <div class="footer"> <div class="wrap"> <p> <a target="_blank" href="http://help.tenpay.com/cgi-bin/helpcenter/help_center.cgi?id=1&type=0">关于财付通</a> <i class="vs">|</i> <a target="_blank" href="https://pay.weixin.qq.com/index.php/core/home/pay_pact_v4">平台使用协议</a> <i class="vs">|</i> <a href="https://pay.weixin.qq.com/index.php/public/apply_sign/protocol_v2" target="_blank">支付服务协议</a> <i class="vs">|</i> Powered By Tencent & Tenpay Copyright© 2005-<script> var year=""; mydate=new Date(); myyear=mydate.getYear(); year=(myyear > 200) ? myyear : 1900 + myyear; document.write(year); </script>2017 Tenpay All Rights Reserved. </p> <p> <a target="_blank" href="http://weixin.qq.com/">微信</a> <i class="vs">|</i> <a target="_blank" href="https://mp.weixin.qq.com/">微信公众平台</a> <i class="vs">|</i> <a target="_blank" href="https://open.weixin.qq.com/">微信开放平台</a> <i class="vs">|</i> <a target="_blank" href="http://e.qq.com/">广点通</a> <i class="vs">|</i> <a target="_blank" href="http://open.qq.com/">腾讯开放平台</a> </p> </div> </div> <script type="text/javascript">if(typeof $jqueryUi == "undefined"){document.write('<script type="text/javascript" src="https://wx.gtimg.com/third/jquery/jquery-ui.js"></script"+">');}</script><script type="text/javascript" src="https://wx.gtimg.com/third/jquery/jquery-ui.js"></script"+"> <script>window["MCH.footer.time"]=[new Date()]</script> <script id="legos:22125" ver="22125:20140422:20161206161027" name="MCH.footer" charset="utf-8"> window['MCH.footer.time'] && window['MCH.footer.time'].push(new Date()); function $addToken(url,type,skey){var token=$getToken(skey);if(url==""||(url.indexOf("://")<0?location.href:url).indexOf("http")!=0){return url;} if(url.indexOf("#")!=-1){var f1=url.match(/\?.+\#/);if(f1){var t=f1[0].split("#"),newPara=[t[0],"&g_tk=",token,"&g_ty=",type,"#",t[1]].join("");return url.replace(f1[0],newPara);}else{var t=url.split("#");return[t[0],"?g_tk=",token,"&g_ty=",type,"#",t[1]].join("");}} return token==""?(url+(url.indexOf("?")!=-1?"&":"?")+"g_ty="+type):(url+(url.indexOf("?")!=-1?"&":"?")+"g_tk="+token+"&g_ty="+type);};var $ajax=(function(window,undefined){var oXHRCallbacks,xhrCounter=0;var fXHRAbortOnUnload=window.ActiveXObject?function(){for(var key in oXHRCallbacks){oXHRCallbacks[key](0,1);}}:false;return function(opt){var o={url:'',method:'GET',data:null,type:"text",async:true,cache:false,timeout:0,autoToken:true,username:'',password:'',beforeSend:$empty(),onSuccess:$empty(),onError:$empty(),onComplete:$empty()};for(var key in opt){o[key]=opt[key]} var callback,timeoutTimer,xhrCallbackHandle,ajaxLocation,ajaxLocParts;try{ajaxLocation=location.href;} catch(e){ajaxLocation=document.createElement("a");ajaxLocation.href="";ajaxLocation=ajaxLocation.href;} ajaxLocParts=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/.exec(ajaxLocation.toLowerCase())||[];o.isLocal=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/.test(ajaxLocParts[1]);o.method=(typeof(o.method)!="string"||o.method.toUpperCase()!="POST")?"GET":"POST";o.data=(typeof o.data=="string")?o.data:$makeUrl(o.data);if(o.method=='GET'&&o.data){o.url+=(o.url.indexOf("?")<0?"?":"&")+o.data;} if(o.autoToken){o.url=$addToken(o.url,"ajax");} o.xhr=$xhrMaker();if(o.xhr===null){return false;} try{if(o.username){o.xhr.open(o.method,o.url,o.async,o.username,o.password);} else{o.xhr.open(o.method,o.url,o.async);}} catch(e){o.onError(-2,e);return false;} if(o.method=='POST'){o.xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');} if(!o.cache){o.xhr.setRequestHeader('If-Modified-Since','Thu, 1 Jan 1970 00:00:00 GMT');o.xhr.setRequestHeader('Cache-Control','no-cache');} o.beforeSend(o.xhr);if(o.async&&o.timeout>0){if(o.xhr.timeout===undefined){timeoutTimer=setTimeout(function(){if(o.xhr&&callback){callback(0,1);} o.onError(0,null,'timeout');},o.timeout);} else{o.xhr.timeout=o.timeout;o.xhr.ontimeout=function(){if(o.xhr&&callback){callback(0,1);} o.onError(0,null,'timeout');};}} o.xhr.send(o.method=='POST'?o.data:null);callback=function(e,isAbort){if(timeoutTimer){clearTimeout(timeoutTimer);timeoutTimer=undefined;} if(callback&&(isAbort||o.xhr.readyState===4)){callback=undefined;if(xhrCallbackHandle){o.xhr.onreadystatechange=$empty();if(fXHRAbortOnUnload){try{delete oXHRCallbacks[xhrCallbackHandle];} catch(e){}}} if(isAbort){if(o.xhr.readyState!==4){o.xhr.abort();}} else{var status,statusText,responses;responses={headers:o.xhr.getAllResponseHeaders()};status=o.xhr.status;try{statusText=o.xhr.statusText;} catch(e){statusText="";} try{responses.text=o.xhr.responseText;} catch(e){responses.text="";} if(!status&&o.isLocal){status=responses.text?200:404;} else if(status===1223){status=204;} if(status>=200&&status<300){responses.text=responses.text.replace(/<!--\[if !IE\]>[\w\|]+<!\[endif\]-->/g,'');switch(o.type){case'text':o.onSuccess(responses.text);break;case"json":var json;try{json=(new Function("return ("+responses.text+")"))();} catch(e){o.onError(status,e,responses.text);} if(json){o.onSuccess(json);} break;case"xml":o.onSuccess(o.xhr.responseXML);break;}} else{if(status===0&&o.timeout>0){o.onError(status,null,'timeout');} else{o.onError(status,null,statusText);}} o.onComplete(status,statusText,responses);} delete o.xhr;}};if(!o.async){callback();} else if(o.xhr.readyState===4){setTimeout(callback,0);} else{xhrCallbackHandle=++xhrCounter;if(fXHRAbortOnUnload){if(!oXHRCallbacks){oXHRCallbacks={};if(window.attachEvent){window.attachEvent("onunload",fXHRAbortOnUnload);} else{window["onunload"]=fXHRAbortOnUnload;}} oXHRCallbacks[xhrCallbackHandle]=callback;} o.xhr.onreadystatechange=callback;}};})(window,undefined);function $empty(){return function(){return true;}};function $getCookie(name){var reg=new RegExp("(^| )"+name+"(?:=([^;]*))?(;|$)"),val=document.cookie.match(reg);return val?(val[2]?unescape(val[2]):""):null;};function $getToken(skey){var skey=skey?skey:$getCookie("skey");return skey?$time33(skey):"";};function $makeUrl(data){var arr=[];for(var k in data){arr.push(k+"="+data[k]);};return arr.join("&");};function $namespace(name){for(var arr=name.split(','),r=0,len=arr.length;r<len;r++){for(var i=0,k,name=arr[r].split('.'),parent={};k=name[i];i++){i===0?eval('(typeof '+k+')==="undefined"?('+k+'={}):"";parent='+k):(parent=parent[k]=parent[k]||{});}}};function $time33(str){for(var i=0,len=str.length,hash=5381;i<len;++i){hash+=(hash<<5)+str.charAt(i).charCodeAt();};return hash&0x7fffffff;};function $xhrMaker(){var xhr;try{xhr=new XMLHttpRequest();}catch(e){try{xhr=new ActiveXObject("Msxml2.XMLHTTP");}catch(e){try{xhr=new ActiveXObject("Microsoft.XMLHTTP");}catch(e){xhr=null;}}};return xhr;};$namespace("MCH.footer");MCH.footer={searchChildMerchantTimer:'',searchChildMerchantName:'',protocolDG:'',protocolCbx:'',protocolBtn:''};MCH.footer.init=function(){footerThat=this;footerThat.bind();footerThat.changeVerify();MCH.footer.protocolDG=Common.getPop('MchProtocolDG');MCH.footer.protocolBtn=$('#MchProtocolBn');MCH.footer.protocolCbx=Common.getCbx({id:'MchProtocolCbx',onCheck:function(){MCH.footer.protocolBtn.removeClass('btn-default').addClass('btn-primary');},onUnCheck:function(){MCH.footer.protocolBtn.removeClass('btn-primary').addClass('btn-default');}});MCH.footer.checkSignProtocol();};MCH.footer.bind=function(){footerThat.bindChangeCheckimg();footerThat.bindDatepicker();MCH.header.bindCloseDialog();footerThat.bindSelect();$('#MchProtocolBn').on('click',function(){if(MCH.footer.protocolCbx.isCheck()){var postData=Common.getCrsfToken();var ret=false;$ajax({url:'/index.php/core/merchant/sign_mch_protocol',data:postData,method:'post',type:'json',async:false,onSuccess:function(data){MCH.header.handleAjax(data);if(data.errorcode!=0){ret=false;}else{ret=true;}},onError:function(msg){ret=false;}});if(!ret){MCH.header.showErrorAlertDialog('操作失败,请稍后重试');}else{MCH.footer.protocolDG.close();}}});};MCH.footer.changeVerify=function(){if($(".img-verify").size()>0){$(".img-verify").attr("src","http://captcha.qq.com/getimage?aid=755049101&rd="+Math.random());}};MCH.footer.bindChangeCheckimg=function(){$(".change-verify").on('click',function(){footerThat.changeVerify();});$(".checkimg-input").on('keydown',function(){var value=$(this).val();result=false;if(value.length==4){var token_name=$("#token").attr("name");var hash=$("#token").val();var post_data=token_name+'='+hash+'&verify_word='+value;$ajax({url:'/index.php/core/home/vaild_checkimg',data:post_data,method:'post',type:'json',async:false,onSuccess:function(data){if(data.errorcode==0){result=true;}else{}},onError:function(msg){result=false;}});}});};MCH.footer.bindDatepicker=function(timepicker){if($(".datepicker-input").size()<=0){return false;} false?$jqueryUi():'';timepicker=timepicker?true:false;var format='Y-m-d';if(timepicker){format='Y-m-d H:i';} $('.datepicker-input').datetimepicker({defaultTime:'00:00:00',step:1,format:format,lang:'ch',timepicker:timepicker,yearStart:1970,closeOnDateSelect:true});$("input.datepicker-input").next("i.ico-date").on('click',function(){$(this).prev('input.datepicker-input').focus();});};MCH.footer.bindSelect=function(){$("div.dropdown-menu").on('click',function(){$(this).addClass('open');});$("ul.dropdown-list").on('click','li',function(){var value=$(this).children("a").attr('data-target');var text=$(this).children("a").text();var drop_switch=$(this).parent().prev("a.dropdown-switch");drop_switch.attr('data-target',value);drop_switch.children('label').text(text);var id=drop_switch.children('label').attr('id');var name=drop_switch.children('label').html();$(this).parent().parent().removeClass('open');typeof SelectCallBack=='function'&&SelectCallBack(id,name);return false;});$("div.dropdown-menu").mouseleave(function(){if($(this).hasClass('open')){$(this).removeClass('open');}});};MCH.footer.searchChildMerchant=function(params){var obj=params['obj'];var value=obj.val();if(value!=MCH.footer.searchChildMerchantName){return false;} var merchants={};var curpage=params['curpage'];var total_page=1;var isAppend=params['isAppend'];var list=obj.parent().parent().children('ul.dropdown-list');if(!isAppend){list.children().remove();} var token_name=$("#token").attr("name");var hash=$("#token").val();var post_data=token_name+'='+hash+'&merchant_name='+value+'&page_num='+curpage;$ajax({url:'/index.php/extend/child_merchant/query_merchant_by_name',data:post_data,method:'post',type:'json',async:true,onSuccess:function(data){if(data.errorcode==0){merchants=data.data.list;curpage=data.data.curpage;total_page=data.data.total_page;for(var key in merchants){var model='<li><a href="#" data-target="'+key+'">'+merchants[key]+'</a></li>';list.append(model);} if(curpage<total_page){var nextPage=parseInt(curpage,10)+1;var model='<dl class="jsDropDownLiMerchantMore"><a href="#" data-target="'+nextPage+'">获取更多子商户</a></dl>';list.append(model);}}},onError:function(msg){}});};MCH.footer.checkSignProtocol=function(){var whiteUrl=['/index.php/core/home','/index.php/core/apply_progress','/index.php/core/apply_bank','/index.php/core/apply_sign','/index.php/core/merchantupgrading','/index.php/core/submerchant/create_sub_merchant','/index.php/public/cms'];var localtion=window.location.pathname;prefix='/index.php';if(localtion.substr(0,prefix.length)!=prefix){localtion=prefix+localtion;} for(var i=0;i<whiteUrl.length;i++){if(localtion.substr(0,whiteUrl[i].length)==whiteUrl[i]){return;}} var postData=Common.getCrsfToken();$ajax({url:'/index.php/public/merchant/check_sign_protocol',data:postData,method:'post',type:'json',async:true,onSuccess:function(data){MCH.header.handleAjax(data);if(data.errorcode!=0){MCH.footer.protocolDG.open();}},onError:function(msg){}});};MCH.footer.init(); window['MCH.footer']='22125:20140422:20161206161027'; window['MCH.footer.time'] && window['MCH.footer.time'].push(new Date()); </script><!--[if !IE]>|xGv00|f223e6d2e6d5217ac8b233a5d7602c18<![endif]--> <script>TA_STATS_ARGS={}</script> <script type="text/javascript" src="https://tajs.qq.com/res/js/wechatpay.min.js" charset="UTF−8"></script> <!-- <script type="text/javascript" src="https://res.wx.qq.com/payactres/zh_CN/htmledition/js/lib/analysis/2.0/lib-min.js" charset="UTF−8" async="async" defer="defer"></script> --> <!--[if !IE]>|xGv00|f5ede3a717a9f61ace3f2ab9101502d0<![endif]--> <!-- 底部 ]] --> <script language="javascript" src="https://pingjs.qq.com/tcss.ping.https.js"></script> <script language="javascript"> if(typeof(pgvMain) == 'function') pgvMain(); </script> <!--[if !IE]>|xGv00|d554775be84487e94ed910def6bb127d<![endif]--></body></html>
SinghDigamber
Welcome to How to Implement and use Datepicker in React application! In this tutorial, you will learn the step-by-step process of integrating and using react-datepicker modules in React.js.
naftalivanderloon
A template grails app to get started quickly, based on twitter bootstrap, select2, datejs and bootstrap-datepicker
911mateo911
A set of awesome datepickers for your next react app
ajaysinghnp
This is the simple library for developers who wants a Nepali Calendar in there app with JS. The objective of this library is to provide a complete solution for the nepali calendar needs. Either that being need for calendar for UI design or may be its for datepicker. This library will also be usefull and provide an option to convert the dates back and forth in nepali and international calendar.
danielaltamirano1993
No description available
weblineindia
A Custom Datepicker control built for developing Android apps.
AliAminiCode
Flet Persian DatePicker: Advanced Shamsi/Jalali Date Widget (2025 Release) Discover a cutting-edge Persian (Shamsi) DatePicker widget designed for Flet, launched in 2025! This powerful Flet Persian DatePicker offers seamless navigation, stunning animations, and full RTL support with Persian numerals, making it ideal for modern Persian apps
Abdullah-dev0
Build an event organization web app like Eventbrite or Meetup with authentication, event management, search, filtering, categories, checkout, and payments using Next JS 14, Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose, Clerk, and Stripe.
sprajwal078
Nepali datepicker for Angular app
Charanos
A web app to host, connect & schedule nearby events. Built using NextJs, Tailwind, TypeScript, Mongoose, ShadCn, React Hook Form, Zod, Uploadthing, React Datepicker & Stripe. Date: Thursday 29 February 2024
Weazzy4x
@import"https://x6r.github.io/addons/DiscordFont.css";@import"https://snappercord.github.io/Settings-Icons/source.css";@import"https://nyri4.github.io/Discolored/main.css";.theme-dark,:root{--dracula-primary: #282a36;--dracula-secondary: #242631;--dracula-secondary-alpha: rgba(36, 38, 49, 0.9);--dracula-tertiary: #20222c;--dracula-tertiary-alpha: rgba(32, 34, 44, 0.6);--dracula-primary-light: #44475a;--dracula-accent: #bd93f9;--dracula-accent-alpha: rgba(189, 147, 249, 0.2);--dracula-accent-alpha-alt: rgba(189, 147, 249, 0.35);--dracula-accent-alpha-alt2: rgba(189, 147, 249, 0.5);--dracula-accent-dark: #7b49c0;--dracula-accent-light: #d4b5ff;--background-primary: var(--dracula-primary);--background-secondary: var(--dracula-secondary);--background-secondary-alt: var(--dracula-secondary);--background-tertiary: var(--dracula-secondary);--background-accent: var(--dracula-accent);--scrollbar-thumb: var(--dracula-primary-light);--scrollbar-thin-thumb: var(--dracula-primary-light);--scrollbar-auto-scrollbar-color-thumb: var(--dracula-primary-light);--scrollbar-auto-track: var(--dracula-primary);--scrollbar-auto-scrollbar-color-track: var(--dracula-primary);--scrollbar-auto-thumb: var(--dracula-primary-light);--text-link: var(--dracula-accent);--focus-primary: var(--dracula-accent);--background-modifier-accent: var(--dracula-tertiary);--background-modifier-hover: var(--dracula-tertiary);--background-modifier-active: var(--dracula-tertiary);--background-modifier-selected: var(--dracula-tertiary);--header-primary: var(--dracula-accent);--background-floating: var(--dracula-secondary);--deprecated-text-input-border: var(--dracula-tertiary);--deprecated-card-editable-bg: var(--dracula-secondary);--deprecated-text-input-bg: var(--dracula-secondary);--deprecated-text-input-border: var(--dracula-tertiary);--radio-group-dot-foreground: var(--dracula-accent);--control-brand-foreground: var(--dracula-accent);--spotify-color: var(--dracula-accent) !important;--toast-header: var(--dracula-secondary) !important;--toast-background: var(--dracula-primary) !important;--toast-border: var(--dracula-tertiary) !important;--toast-contents: var(--dracula-secondary) !important;--bd-blue: var(--dracula-accent);--bd-blue-hover: var(--dracula-accent-light);--bd-blue-active: var(--dracula-accent-light);--blurple: var(--dracula-accent);--text-brand: var(--dracula-accent);--brand-experiment-100: #f8f9fd;--brand-experiment-130: #f2f4fc;--brand-experiment-160: #ebeefa;--brand-experiment-200: #e3e7f8;--brand-experiment-230: #dae0f5;--brand-experiment-260: #d1d9f3;--brand-experiment-300: #c7d0f0;--brand-experiment-330: #b5c1ec;--brand-experiment-360: #a5b3e7;--brand-experiment-400: #8ea1e1;--brand-experiment-430: var(--dracula-accent-light);--brand-experiment-460: #7d92dd;--brand-experiment: var(--dracula-accent);--brand-experiment-500: #7289da;--brand-experiment-530: #687dc6;--brand-experiment-560: var(--dracula-accent-light);--brand-experiment-600: #4e5d94;--brand-experiment-630: #435180;--brand-experiment-660: #3b4770;--brand-experiment-700: #2e3757;--brand-experiment-730: #2b3352;--brand-experiment-760: #272f4b;--brand-experiment-800: #222941;--brand-experiment-830: #1a2032;--brand-experiment-860: #111521;--brand-experiment-900: #06070b;--brand-experiment-05a: rgba(114, 137, 218, 0.05);--brand-experiment-10a: rgba(114, 137, 218, 0.1);--brand-experiment-15a: rgba(114, 137, 218, 0.15);--brand-experiment-20a: rgba(114, 137, 218, 0.2);--brand-experiment-25a: rgba(114, 137, 218, 0.25);--brand-experiment-30a: rgba(114, 137, 218, 0.3);--brand-experiment-35a: rgba(114, 137, 218, 0.35);--brand-experiment-40a: rgba(114, 137, 218, 0.4);--brand-experiment-45a: rgba(114, 137, 218, 0.45);--brand-experiment-50a: rgba(114, 137, 218, 0.5);--brand-experiment-55a: rgba(114, 137, 218, 0.55);--brand-experiment-60a: rgba(114, 137, 218, 0.6);--brand-experiment-65a: rgba(114, 137, 218, 0.65);--brand-experiment-70a: rgba(114, 137, 218, 0.7);--brand-experiment-75a: rgba(114, 137, 218, 0.75);--brand-experiment-80a: rgba(114, 137, 218, 0.8);--brand-experiment-85a: rgba(114, 137, 218, 0.85);--brand-experiment-90a: rgba(114, 137, 218, 0.9);--brand-experiment-95a: rgba(114, 137, 218, 0.95)}.wordmark-2u86JB svg{width:0px}.wordmark-2u86JB::after{position:absolute;font-family:"Discord";content:"dracula";font-size:14px;background:var(--dracula-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent}:root{--unread-badge: rgba(255, 255, 255, 0.6);--unread-bg: rgba(255, 255, 255, 0);--selected-badge: var(--dracula-accent);--selected-bg: var(--dracula-accent-alpha);--selected-bg-hover: var(--dracula-accent-alpha-alt);--hovered-bg: rgba(79, 84, 92, 0.2);--bg-rounding: 2px;--indicators-border-info: 2px solid}.content-1gYQeQ,.channel-1Shao0>.layout-1qmrhw{background:none !important}.modeSelected-3DmyhH::before,.modeUnread-3Cxepe::before{content:"";position:absolute;height:34px;top:0}.channel-1Shao0.selected-1-Z6gm::before{content:"";position:absolute;height:44px;top:0}.modeSelected-3DmyhH,.channel-1Shao0.selected-1-Z6gm{background:var(--selected-bg);border-radius:var(--bg-rounding)}.modeSelected-3DmyhH:hover,.channel-1Shao0.selected-1-Z6gm:hover{background:var(--selected-bg-hover)}.modeSelected-3DmyhH::before,.channel-1Shao0.selected-1-Z6gm::before{border-left:var(--indicators-border-info) var(--selected-badge)}.content-1gYQeQ,.channel-1Shao0>.layout-1qmrhw{background:none !important}.modeSelected-3DmyhH::before,.modeUnread-3Cxepe::before{content:"";position:absolute;height:34px;top:0}.channel-1Shao0.selected-1-Z6gm::before{content:"";position:absolute;height:44px;top:0}.modeSelected-3DmyhH,.channel-1Shao0.selected-1-Z6gm{background:var(--selected-bg);border-radius:var(--bg-rounding)}.modeSelected-3DmyhH:hover,.channel-1Shao0.selected-1-Z6gm:hover{background:var(--selected-bg-hover)}.modeSelected-3DmyhH::before,.channel-1Shao0.selected-1-Z6gm::before{border-left:var(--indicators-border-info) var(--selected-badge)}.modeUnread-3Cxepe{background:var(--unread-bg);border-radius:var(--bg-rounding)}.modeUnread-3Cxepe::before{border-left:var(--indicators-border-info) var(--unread-badge)}.unread-36eUEm{display:none}.modeUnread-3Cxepe:hover,.wrapper-NhbLHG:hover:not(.modeSelected-3DmyhH),.channel-1Shao0.container-1oeRFJ:hover:not(.selected-1-Z6gm){background:var(--hovered-bg);border-radius:var(--bg-rounding)}.channel-1Shao0.container-1oeRFJ{margin-left:0;max-width:233px}#private-channels>div>.channel-1Shao0>div>.avatar-6qzftW{margin-left:4px}.mentioned-Tre-dv{background:rgba(189,147,249,.1) !important}.mentioned-Tre-dv:before{background:#bd93f9 !important}.mentioned-Tre-dv:hover{background:rgba(189,147,249,.2) !important}.numberBadge-37OJ3S.base-3IDx3L{background-color:var(--dracula-accent) !important}.replying-eZ7p5z{background:rgba(189,147,249,.1) !important}.replying-eZ7p5z:before{background-color:#bd93f9 !important}.replying-eZ7p5z::hover{background:rgba(189,147,249,.2) !important}.role-2TIOKu.flex-3BkGQD:not(.addButton-1_dZYu):not(.actionButton-1YKTU0){z-index:1;position:relative;overflow:hidden;border:solid;border-width:0 0 0 2px;border-radius:3px}.roleCircle-1EgnFN.flex-3BkGQD{height:4px;width:4px}.roleCircle-1EgnFN.flex-3BkGQD:before{content:" ";position:absolute;z-index:-1;background:inherit;opacity:.15;width:100%;height:100%;top:0;left:0}.connectedAccount-1xKpli{background-color:rbga(0, 0, 0, 0);border-width:0}.connectedAccount-1xKpli>.connectedAccountIcon-2vls0t{z-index:1}.connectedAccount-1xKpli>.connectedAccountIcon-2vls0t+.connectedAccountNameInner-t24B11::after{--box-shadow: -2px 0 0 0;content:"";position:absolute;border-radius:1px 3px 3px 1px;margin-left:-35px;height:46px;width:44%}.connectedAccount-1xKpli>.connectedAccountNameInner-t24B11+a.anchor-1MIwyf{z-index:1}.connectedAccount-1xKpli>.connectedAccountNameInner-t24B11>.connectedAccountName-j0meX4,.connectedAccount-1xKpli>.connectedAccountNameInner-t24B11>.connectedAccountName-j0meX4+span{z-index:1}.connectedAccount-1xKpli>.connectedAccountNameInner-t24B11>.connectedAccountName-j0meX4>.flowerStarContainer-1QeD-L>svg>path,.connectedAccount-1xKpli>.connectedAccountNameInner-t24B11>.connectedAccountName-j0meX4+span>.flowerStarContainer-1QeD-L>svg>path{fill:#fff;opacity:.4}.connectedAccountIcon-2vls0t[alt*=GitHub]+.connectedAccountNameInner-t24B11::after{background-color:#24292e;box-shadow:var(--box-shadow) #d9dadb}.connectedAccountIcon-2vls0t[alt*=Twitch]+.connectedAccountNameInner-t24B11::after{background-color:#3a2b5f;box-shadow:var(--box-shadow) #9059f6}.connectedAccountIcon-2vls0t[alt*=Steam]+.connectedAccountNameInner-t24B11::after{background-color:#171a21;box-shadow:var(--box-shadow) #3b587c}.connectedAccountIcon-2vls0t[alt*=Spotify]+.connectedAccountNameInner-t24B11::after{background-color:#138139;box-shadow:var(--box-shadow) #1ed760}.connectedAccountIcon-2vls0t[alt*=Twitter]+.connectedAccountNameInner-t24B11::after{background-color:#0c5886;box-shadow:var(--box-shadow) #76c5f5}.connectedAccountIcon-2vls0t[alt*=Reddit]+.connectedAccountNameInner-t24B11::after{background-color:#81340e;box-shadow:var(--box-shadow) #ff6314}.connectedAccountIcon-2vls0t[alt*=YouTube]+.connectedAccountNameInner-t24B11::after{background-color:#6d1616;box-shadow:var(--box-shadow) #ee0f0f}.connectedAccountIcon-2vls0t[alt*=Battle]+.connectedAccountNameInner-t24B11::after{background-color:#175266;box-shadow:var(--box-shadow) #3ab1da}.connectedAccountIcon-2vls0t[alt*=Xbox]+.connectedAccountNameInner-t24B11::after{background-color:#1c632a;box-shadow:var(--box-shadow) #7b4}.connectedAccountIcon-2vls0t[alt*=Facebook]+.connectedAccountNameInner-t24B11::after{background-color:#14223d;box-shadow:var(--box-shadow) #3a5998}.connectedAccountIcon-2vls0t[alt*="League of Legends"]+.connectedAccountNameInner-t24B11::after{background-color:#424491;box-shadow:var(--box-shadow) #676ae6}.connectedAccountIcon-2vls0t[alt*=Skype]+.connectedAccountNameInner-t24B11::after{background-color:#424491;box-shadow:var(--box-shadow) #676ae6}.connectedAccountIcon-2vls0t[alt*=GitLab]+.connectedAccountNameInner-t24B11::after{background-color:#8f2b1b;box-shadow:var(--box-shadow) #fca326}.connectedAccountIcon-2vls0t[alt*=Minecraft]+.connectedAccountNameInner-t24B11::after{background-color:#2a4911;box-shadow:var(--box-shadow) #70b237}.connectedAccountIcon-2vls0t[alt*="discord.bio"]+.connectedAccountNameInner-t24B11::after{background-color:#3d4870;box-shadow:var(--box-shadow) #7289da}.headerPlaying-j0WQBV,.topSectionPlaying-1J5E4n{z-index:1;background-image:url("https://x6r.github.io/addons/playing-background.svg")}.headerSpotify-zpWxgT,.topSectionSpotify-1lI0-P{z-index:1;background-image:url("https://x6r.github.io/addons/playing-background.svg")}.headerStreaming-2FjmGz,.topSectionStreaming-1Tpf5X{z-index:1;background-image:url("https://x6r.github.io/addons/playing-background.svg")}.embedWrapper-1MtIDg.embedFull-1HGV2S{border-radius:4px;border-left:4px solid var(--background-tertiary);box-shadow:var(--elevation-high)}:root{--quotes-background-border: var(--dracula-secondary);--quotes-divider: var(--dracula-accent);--quotes-text: #fff}.blockquoteContainer-3VtvI1{padding:2px 0 2px 0}.blockquoteContainer-3VtvI1 blockquote{background-color:var(--quotes-background-border);border:1px solid var(--quotes-background-border);color:var(--quotes-text);border-radius:0 4px 4px 0;padding:4px 11px 4px}.blockquoteContainer-3VtvI1>.blockquoteDivider-363utW{background-color:var(--quotes-divider);border-radius:4px 0 0 4px}[aria-label=Online]::after{content:"ONLINE";font-weight:bold;padding-left:5px;color:#43b581}[aria-label="Do Not Disturb"]::after{content:"DO NOT DISTURB";font-weight:bold;padding-left:5px;color:#f04747}[aria-label=Idle]::after{content:"IDLE";font-weight:bold;padding-left:5px;color:#ffb740}[aria-label=Offline]::after{content:"OFFLINE";font-weight:bold;padding-left:5px;color:#747f8d}:root{--width2: 60%;--height2: 85%}.layers-OrUESM{align-items:center;justify-content:center}.layers-OrUESM>.layer-86YKbF:first-child{opacity:1 !important;transform:none !important}.layers-OrUESM>.layer-86YKbF.stop-animations:first-child{z-index:1;transition:250ms ease-in}.layers-OrUESM>.layer-86YKbF:nth-child(2)::before{content:"";position:absolute;top:calc((100% - var(--height2)) / -1);left:calc((100% - var(--width2)) / -1);padding:calc(100% - var(--height2)) calc(100% - var(--width2));background:black;z-index:2;opacity:.6;width:100%;height:100%;transition:opacity 350ms ease}.layers-OrUESM>.layer-86YKbF:nth-child(2){width:var(--width2);height:var(--height2);top:unset;bottom:unset;right:unset;left:unset;display:block;overflow:visible;transform:translateZ(0);z-index:3}.jumpToPresentBar-1cEnH0{visibility:hidden;bottom:15px}.jumpToPresentBar-1cEnH0 .barButtonIcon-bMvzp2{visibility:visible;padding:12px;background-color:var(--dracula-accent);border-radius:50%;margin-bottom:2em}.theme-dark{--settings-icon-color: white;--settings-subscriptions: #7289da;--settings-hypesquad: #fbb848;--settings-logout: #f04747;--settings-alt-focused: white;--settings-guild-premium: #7289da;--settings-guild-delete: #f04747}.theme-light{--settings-icon-color: #4f5660;--settings-subscriptions: #7289da;--settings-hypesquad: #fbb848;--settings-logout: #f04747;--settings-alt-focused: white;--settings-guild-premium: #7289da;--settings-guild-delete: #f04747}:root{--background: var(--dracula-secondary);--text-default: #f8f8f2;--color-1: #8be9fd;--color-2: #50fa7b;--color-3: #ffb86c;--color-4: #ff5555;--color-5: #bd93f9;--color-6: #ff79c6;--color-7: #f1fa8c;--hljs-attribute: var(--color-1);--hljs-nomarkup: var(--color-1);--hljs-variable: var(--color-2);--hljs-meta: var(--color-6);--hljs-meta-string: var(--color-1);--hljs-meta-keyword: var(--hljs-meta);--hljs-literal: var(--color-4);--hljs-section: var(--color-5);--hljs-number: var(--color-5);--hljs-name: var(--color-5);--hljs-selector-tag: var(--color-5);--hljs-selector-class: var(--color-2);--hljs-selector-attr: var(--color-1);--hljs-selector-pseudo: var(--color-1);--hljs-keyword: var(--color-6);--hljs-built_in: var(--color-2);--hljs-title: var(--color-3);--hljs-link: var(--color-3);--hljs-bullet: var(--color-3);--hljs-symbol: var(--color-3);--hljs-addition: var(--color-1);--hljs-deletion: var(--color-5);--hljs-attr: var(--color-2);--hljs-punctuation: var(--text-default);--hljs-regexp: var(--color-1);--hljs-type: var(--color-2);--hljs-selector-id: var(--color-3);--hljs-operator: var(--text-default);--hljs-rest_arg: var(--text-default);--hljs-template-variable: var(--color-2);--hljs-params: var(--text-default);--hljs-params-attr: var(--hljs-params);--hljs-comment: #6272a4;--hljs-comment-doctag: var(--hljs-comment);--hljs-string: var(--color-1);--hljs-string-subst: var(--color-5);--hljs-string-template-variable: var(--color-2);--hljs-tag: var(--text-default);--hljs-tag-name: var(--color-5);--hljs-tag-attr: var(--color-2);--hljs-function: var(--text-default);--hljs-function-keyword: var(--hljs-keyword);--hljs-function-title: var(--hljs-title);--hljs-function-params: var(--hljs-params);--hljs-function-literal: var(--hljs-literal);--hljs-function-operator: var(--hljs-operator);--hljs-class: var(--text-default);--hljs-class-keyword: var(--color-6);--hljs-class-title: var(--color-7)}#app-mount .hljs{background:var(--background);color:var(--text-default);padding:15px 20px;border-radius:0;border:none}#app-mount .codeLine-3a3dbd{color:var(--text-default)}#app-mount .hljs-comment{color:var(--hljs-comment)}#app-mount .hljs-attribute{color:var(--hljs-attribute)}#app-mount .hljs-nomarkup{color:var(--hljs-nomarkup)}#app-mount .hljs-variable{color:var(--hljs-variable)}#app-mount .hljs-meta{color:var(--hljs-meta)}#app-mount .hljs-meta-string{color:var(--hljs-meta-string)}#app-mount .hljs-meta-keyword{color:var(--hljs-meta-keyword)}#app-mount .hljs-literal{color:var(--hljs-literal)}#app-mount .hljs-string{color:var(--hljs-string)}#app-mount .hljs-section{color:var(--hljs-section)}#app-mount .hljs-number{color:var(--hljs-number)}#app-mount .hljs-tag{color:var(--hljs-tag)}#app-mount .hljs-name{color:var(--hljs-name)}#app-mount .hljs-selector-tag{color:var(--hljs-selector-tag)}#app-mount .hljs-selector-class{color:var(--hljs-selector-class)}#app-mount .hljs-selector-attr{color:var(--hljs-selector-attr)}#app-mount .hljs-selector-pseudo{color:var(--hljs-selector-pseudo)}#app-mount .hljs-function{color:var(--hljs-function)}#app-mount .hljs-keyword{color:var(--hljs-keyword)}#app-mount .hljs-built_in{color:var(--hljs-built_in)}#app-mount .hljs-title{color:var(--hljs-title)}#app-mount .hljs-link{color:var(--hljs-link)}#app-mount .hljs-bullet{color:var(--hljs-bullet)}#app-mount .hljs-symbol{color:var(--hljs-symbol)}#app-mount .hljs-addition{color:var(--hljs-addition)}#app-mount .hljs-deletion{color:var(--hljs-deletion)}#app-mount .hljs-attr{color:var(--hljs-attr)}#app-mount .hljs-punctuation{color:var(--hljs-punctuation)}#app-mount .hljs-regexp{color:var(--hljs-regexp)}#app-mount .hljs-type{color:var(--hljs-type)}#app-mount .hljs-selector-id{color:var(--hljs-selector-id)}#app-mount .hljs-params{color:var(--hljs-params)}#app-mount .hljs-operator{color:var(--hljs-operator)}#app-mount .hljs-rest_arg{color:var(--hljs-rest_arg)}#app-mount .hljs-template-variable{color:var(--hljs-template-variable)}#app-mount .hljs-comment .hljs-doctag{color:var(--hljs-comment-doctag)}#app-mount .hljs-params .hljs-attr{color:var(--hljs-params-attr)}#app-mount .hljs-string .hljs-subst{color:var(--hljs-string-subst)}#app-mount .hljs-string .hljs-template-variable{color:var(--hljs-string-template-variable)}#app-mount .hljs-tag .hljs-name{color:var(--hljs-tag-name)}#app-mount .hljs-tag .hljs-attr{color:var(--hljs-tag-attr)}#app-mount .hljs-function .hljs-keyword{color:var(--hljs-function-keyword)}#app-mount .hljs-function .hljs-title{color:var(--hljs-function-title)}#app-mount .hljs-function .hljs-literal{color:var(--hljs-function-literal)}#app-mount .hljs-function .hljs-params{color:var(--hljs-function-params)}#app-mount .hljs-function .hljs-operator{color:var(--hljs-function-operator)}#app-mount .hljs-class .hljs-keyword{color:var(--hljs-class-keyword)}#app-mount .hljs-class .hljs-title{color:var(--hljs-class-title)}#app-mount .container-2cd8Mz{background-color:var(--dracula-primary)}.scrollableContainer-15eg7h{border-radius:25px;border:1px solid var(--dracula-tertiary);background-color:var(--dracula-secondary)}.content-3spvdd{color:#fff}.username-h_Y3Us{color:#fff}#app-mount .autocomplete-3NRXG8{background-color:var(--dracula-secondary)}#app-mount .selected-3H3-RC{background-color:var(--dracula-accent-alpha)}.categoryHeader-OpJ1Ly{background-color:var(--dracula-primary)}#app-mount .container-2McqkF{background:var(--dracula-secondary) !important}#app-mount .option-2KkUJO:after{display:none}#app-mount .option-2KkUJO.selected-rZcOL-{background-color:var(--dracula-accent)}#app-mount .search-1FM8Qc{border-color:var(--dracula-accent)}.search-1FM8Qc.focused-8aNhVB,.search.open,.search.popout-open{border:2px solid;border-radius:0px}.searchBar-zdmu7v{border-radius:15px}#app-mount .focused-2FU0YH{background-color:var(--dracula-primary)}.option-2KkUJO[aria-selected=true]{background-color:var(--dracula-tertiary) !important}.headerPlaying-j0WQBV{background-color:var(--dracula-accent)}#app-mount .body-2wLx-E,#app-mount .footer-1N3bR3{background-color:var(--dracula-secondary)}#app-mount .headerNormal-T_seeN{background-color:var(--dracula-primary)}.topSection-13QKHs{background-color:var(--dracula-primary)}.body-1Ukv50{background-color:var(--dracula-secondary)}.botTagRegular-kpctgU{background-color:var(--dracula-accent)}.botTagInvert-1nKcq_{color:var(--dracula-accent)}.chat-2ZfjoI,.container-2cd8Mz,.libraryHeader-2loraV,.container-ZMc96U,.homeWrapper-L4ors0 .title-31SJ6t,.applicationStore-2nk7Lo,.scroller-3j5xK2,.pageHeaderDrag-3HG1-5{border-top-left-radius:10px !important}.item-2LIpTv{background-color:var(--dracula-accent)}.newMessagesBar-1hF-9G{background-color:var(--dracula-accent);border:1px var(--dracula-accent-dark);border-style:none solid solid solid}.header-3OsQeK{box-shadow:none;-webkit-box-shadow:none}.name-3Uvkvr,.base-21yXnu:not(.nameNormal-2fPMD2){color:var(--dracula-accent)}.nameWrap-3TyM52.textRow-1sENuL.base-21yXnu.size14-3fJ-ot,.gameIcon-1mDo1J{color:#fff}#app-mount .message-G6O-Wv{background-color:var(--dracula-secondary);box-shadow:none;border:1px solid var(--dracula-tertiary)}.updateIconForeground-2V_zo4{fill:var(--dracula-accent)}.childWrapper-1j_1ub{color:var(--dracula-accent)}.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub{background:var(--dracula-accent)}.members-3WRCEx,.members-3WRCEx>div,#dv-mount{background-color:var(--dracula-primary)}.container-2O1UgZ{background-color:var(--dracula-secondary);border:1px solid var(--dracula-tertiary)}.mediaBarGrabber-FvJKJg,.mediaBarProgress-38I317,.mediaBarProgress-38I317:after,.mediaBarProgress-38I317:before,.mediaBarInteraction-tUE5dq:hover .mediaBarGrabber-FvJKJg{background-color:var(--dracula-accent)}.audioControls-3fmemK{background-color:transparent}.videoControls-2NzHnF{background-color:var(--dracula-tertiary-alpha)}.mediaBarInteractionVolume-zGrOSh{background-color:var(--dracula-secondary-alpha)}.wrapper-x4po40{background-color:var(--dracula-secondary-alpha)}.iconPlay-3weMmb.icon-23NjRH polygon[fill=currentColor][points="0 0 0 14 11 7"]{fill:var(--dracula-accent) !important}.metadata-3IncIG{background:linear-gradient(0, transparent, var(--dracula-secondary))}.mediaBarInteractionDragging-3XLL8k .mediaBarGrabber-FvJKJg{background-color:var(--dracula-accent)}.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .bgScale-1iWuPF{background-color:var(--dracula-secondary)}.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS{color:var(--dracula-accent);border:2px dashed var(--dracula-accent)}#app-mount .uploadModal-2ie9O_{background-color:var(--dracula-primary)}#app-mount .footer-VCsJQY{background-color:var(--dracula-secondary)}.checked-1pZh2h[style="width: 24px; height: 24px; border-color: rgb(114, 137, 218);"]{border-color:var(--dracula-accent) !important}path[d="M8.99991 16.17L4.82991 12L3.40991 13.41L8.99991 19L20.9999 7.00003L19.5899 5.59003L8.99991 16.17Z"][fill="#7289da"]{fill:var(--dracula-accent)}.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.image-2ssF8k{border:2px solid var(--dracula-accent)}.uploadModal-2ie9O_ .inner-rBP-MS,.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS{border:2px dashed var(--dracula-accent);border-radius:10px}.button-12Fmur{border-radius:20px}#app-mount .root-g14mjS{background-color:var(--dracula-primary)}#app-mount .footer-31IekZ{background-color:var(--dracula-secondary)}#app-mount .htqj5xw-f1e1abj{color:var(--dracula-accent);border-color:var(--dracula-accent)}#app-mount .codeRedemptionRedirect-3SBiCp{background-color:var(--dracula-secondary);border-color:var(--dracula-tertiary)}.lookFilled-yCfaCM.colorGrey-2iAG-B,.lookFilled-1Gx00P.colorGrey-2DXtkV{background-color:var(--dracula-accent)}.lookFilled-yCfaCM.colorGrey-2iAG-B:hover,.lookFilled-yCfaCM.colorGrey-2iAG-B:disabled,.lookFilled-1Gx00P.colorGrey-2DXtkV:hover,.lookFilled-1Gx00P.colorGrey-2DXtkV:disabled{background-color:var(--dracula-accent-light)}.backButton-2Ps-B8.button-38aScr.lookBlank-3eh9lL.colorBrand-3pXr91.sizeMin-1mJd1x.grow-q77ONN{color:#b9bbbe}.colorStandard-21JIj7.size16-rrJ6ag.text-PdAsFQ{color:#fff}.colorStandard-21JIj7.size20-9iTTnl.footerTitle-3Bslxi{color:#fff}.colorHeaderPrimary-jN_yGr.size24-17l95E.title-1_TkpU,.colorHeaderPrimary-jN_yGr.size24-17l95E.title-OdeD-o,.colorHeaderPrimary-jN_yGr.size24-17l95E.title-1LqMUp{color:var(--dracula-accent)}.inviteDestinationExpired-1n9a5a{color:#f04747}.container-x8Y1ix{background-color:var(--dracula-secondary)}.colorHeaderSecondary-g5teka,.sampleLink-5BWNy9,.search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz{color:var(--header-secondary)}.theme-light .footer-31IekZ,.theme-light .root-g14mjS{box-shadow:none}.input-2g-os5{color:var(--header-secondary)}circle[cx="68"][cy="12"][r="12"][fill="#7289DA"]{fill:var(--dracula-accent)}.input-m1-Y7Q{background-color:var(--dracula-secondary);border:1px solid var(--dracula-tertiary)}#app-mount .pageWrapper-2PwDoS{background-color:var(--dracula-primary)}.categoryItem-1QIroW.selectedCategoryItem-FHKU_o .itemInner-gPkiWb{background-color:var(--dracula-accent)}.search-25t1e9 .searchBox-31Zv9h{background-color:var(--dracula-secondary)}.option-1QI4c9:hover,.lookFilled-1Gx00P.colorBrand-3pXr91,.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub,.wrapper-3kah-n:hover .childWrapper-1j_1ub,.barFill-2Bh7CX,.colorDefault-CDqZdO.focused-3qFvc8,.headerPlaying-j0WQBV,.topSectionPlaying-1J5E4n,.lookFilled-yCfaCM.colorGreen-29iAKY,.lookFilled-1Gx00P.colorGreen-29iAKY,#app-mount .wrapper-1ZcZW-:hover,.circleIconButton-1VxDrg.selected-2r1Hvo,.newMessagesBar-1hF-9G,.questionMark-3V9mGJ,.bd-button,.bd-addon-views .bd-view-button.selected{background-color:var(--dracula-accent)}.bd-switch input:checked+.bd-switch-body{--switch-color: var(--dracula-accent)}.button-TGAkj4[style*="114, 137, 218"],.button-f2h6uQ[style*="114, 137, 218"],.button-38aScr[style*="114, 137, 218"],.container-2nx-BQ:not([style*="background-color: hsl(218, calc(var(--saturation-factor, 1) * 4.6%), 46.9%)"]),.activeButton-LRWFC_{background-color:var(--dracula-accent) !important}.container-2nx-BQ:not([style*="rgb(114, 118, 125)"]) .slider-32CRPX svg path,.radioSelection-1UHp0b{fill:var(--dracula-accent)}.radioIconForeground-2BMavi{fill:var(--dracula-accent) !important}.item-2idW98[aria-checked=true] svg,.defaultValue-19SZ-q .markValue-2U_-UG,.colorBrand-3cPPsm,.lookOutlined-3sRXeN.colorBrand-3pXr91,.reaction-2A2y9y.reactionMe-3I9gFK .reactionCount-1zkLcN,#app-mount .wrapper-1ZcZW-,.lookInverted-2D7oAl.colorBrand-3pXr91{color:var(--dracula-accent)}.lookOutlined-3sRXeN.colorBrand-3pXr91,.input-2g-os5:focus,.input-2g-os5.focused-1AtTHC{border-color:var(--dracula-accent)}.wrapper-SdcMKg{border:2px solid var(--dracula-accent)}.lookFilled-yCfaCM.colorBrand-3pXr91:hover,.lookFilled-yCfaCM.colorGreen-29iAKY:hover,.lookFilled-1Gx00P.colorBrand-3pXr91:hover,.lookFilled-1Gx00P.colorGreen-29iAKY:hover,.bd-button:hover,.bd-button:focus{background-color:var(--dracula-accent-light)}.circleIconButton-1VxDrg{color:var(--dracula-accent)}.circleIconButton-1VxDrg:hover{color:#fff}.lookFilled-yCfaCM.colorGreen-29iAKY:disabled,.lookFilled-yCfaCM.colorBrand-3pXr91:disabled,.lookFilled-1Gx00P.colorGreen-29iAKY:disabled,.lookFilled-1Gx00P.colorBrand-3pXr91:disabled{background-color:var(--dracula-accent-dark)}.radioSelection-1UHp0b:hover{fill:#fff !important}.reaction-2A2y9y.reactionMe-3I9gFK{background-color:var(--dracula-accent-alpha)}#app-mount .bar-1Bhnl9{background-color:var(--dracula-primary-light)}#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo,#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6{background-color:var(--dracula-accent)}#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover,#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover{background-color:var(--dracula-accent-light)}.css-1ba14n5-option{background-color:var(--dracula-secondary)}.css-3vaxre-menu{background-color:var(--dracula-primary)}#app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf{background-color:var(--dracula-secondary);border-color:var(--dracula-tertiary)}#app-mount .progress-1S-TDF{background-color:var(--dracula-secondary)}.container-3NTP7o{background:var(--dracula-accent) !important}.side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG{background-color:var(--dracula-accent);border-radius:2px}.side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover{background-color:var(--dracula-accent-light)}.topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG{background-color:var(--dracula-accent-alpha);border-radius:2px}.item-3mHhwr.item-3XjbnG[aria-controls=ADD_FRIEND-tab]{background-color:var(--dracula-accent) !important;color:#fff !important}.cardPrimary-3qRT__{background:var(--dracula-secondary)}.colorDefault-CDqZdO:active:not(.hideInteraction-2jPGL_){background-color:var(--dracula-accent-light)}.reaction-2A2y9y{background:var(--dracula-secondary)}.option-1QI4c9{background-color:var(--dracula-primary-light)}.disabled-35mc5w{color:var(--dracula-primary-light)}#app-mount .tooltip-14MtrL,#app-mount .tooltip-1_vJJI,#app-mount .subscribeTooltipWrapper-3ipXtC{background-color:var(--dracula-secondary)}.menu-1QACrS{border:1px solid var(--dracula-tertiary)}.iconBadge-2wi9r4.participating-NBGDkr{background-color:var(--dracula-accent)}.colorable-3rVGna.primaryDark-2UJt1G{background-color:var(--dracula-primary)}.item-1OdjEX[aria-checked=true] svg{color:var(--dracula-accent)}.avatarSpeaking-2pCGrZ,.border-2BJQjd.speaking-3RWJBr{box-shadow:inset 0 0 0 2px var(--dracula-accent),inset 0 0 0 3px var(--dracula-secondary)}.checkbox-1ycfTw .checkboxInner-1aRh1d .checkboxElement-uwAa9F:checked+span{background-color:var(--dracula-accent);border-color:var(--dracula-accent)}#app-mount .closeButton-PCZcma{border-color:var(--dracula-accent)}#app-mount .keybind-13vtq8{color:var(--dracula-accent)}#app-mount .game-3x3aDt{box-shadow:0 1px 0 0 var(--dracula-tertiary)}#app-mount .nowPlaying-zBamm2{background-color:var(--dracula-accent)}#app-mount .card-2ART2V:before{background-color:var(--dracula-secondary);border-color:var(--dracula-tertiary)}.container-2nx-BQ[style="opacity: 1; background-color: rgb(114, 118, 125);"]{background-color:var(--dracula-primary-light) !important}.powercord-alias-pair{background:var(--dracula-secondary) !important;border:1px solid var(--dracula-tertiary) !important}.powercord-alias-textarea:focus{border-color:var(--dracula-accent) !important}.searchBox{background:var(--dracula-secondary) !important}.discordTweaksSettings .tweaks .tweakCard{background-color:var(--dracula-secondary) !important;border:1px solid var(--dracula-tertiary)}.scrollerBase-_bVAAt.disableScrollAnchor-6TwzvM::-webkit-scrollbar-thumb,.auto-2K3UW5.scrollerBase-_bVAAt::-webkit-scrollbar-thumb,.thin-31rlnD.scrollerBase-_bVAAt::-webkit-scrollbar-thumb{background-color:var(--dracula-primary-light)}.base-2jDfDU div::-webkit-scrollbar-thumb,#user-settings div::-webkit-scrollbar-thumb{background-color:var(--dracula-primary-light) !important}.base-2jDfDU div::-webkit-scrollbar-thumb:hover{background-color:var(--dracula-primary-light) !important}.input-3r5zZY{background-color:var(--dracula-secondary);border:1px solid var(--dracula-tertiary)}.selectorButtonSelected-3Z0WNU{background-color:var(--dracula-accent)}.selectorButton-3sW6Qm:not(.selectorButtonPremiumRequired-2pGGEj):hover{background-color:var(--dracula-accent)}.item-2OyinQ{border:none}.lookGhost-2Fn_0-.colorBrand-3pXr91{color:var(--dracula-accent);background-color:var(--dracula-accent-alpha)}.regionSelectModal-12e-57{background:var(--dracula-primary) !important}.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3{background-color:var(--dracula-secondary);border:1px solid var(--dracula-tertiary)}.regionSelectModal-12e-57 .regionSelectModalHeader-21khC1{color:var(--dracula-accent)}.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover{border-color:var(--dracula-accent)}.container-20TyK0.elevationHigh-28Pty4[style="background-color: rgba(32, 34, 37, 0.9);"]{background-color:var(--dracula-secondary-alpha) !important}#app-mount .tierHeaderLocked-1a2opw{background-color:var(--dracula-secondary)}#app-mount .tierBody-x9kBBp{background-color:var(--dracula-primary)}.tier-3H4BXk{border:1px solid var(--dracula-tertiary)}#app-mount .quickSelectPopout-2F0PXw{background:var(--dracula-secondary)}.check-K_srvn{fill:var(--dracula-accent) !important}#app-mount .calendarPicker-sDhzdi .react-datepicker{background-color:var(--dracula-secondary)}#app-mount .calendarPicker-sDhzdi .react-datepicker__header{background-color:var(--dracula-secondary);border-color:var(--dracula-tertiary)}#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled,#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover{background-color:var(--dracula-primary-light)}#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover,#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover:hover{background-color:var(--dracula-primary-light)}#app-mount .calendarPicker-sDhzdi .react-datepicker__day--disabled,#app-mount .calendarPicker-sDhzdi .react-datepicker__day--outside-month{background-color:var(--dracula-primary)}#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:after{background-color:var(--dracula-accent)}#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:hover,#app-mount .calendarPicker-sDhzdi .react-datepicker__day:hover{background-color:var(--dracula-accent-alpha-alt2)}#app-mount .calendarPicker-sDhzdi .react-datepicker__day{border-top-color:var(--dracula-tertiary);border-left-color:var(--dracula-tertiary)}#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY{background-color:transparent}#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY:hover{background-color:var(--dracula-accent-alpha-alt2)}.categoryPill-1zjNrr.selected-bLcqYK{background-color:var(--dracula-accent)}.searchPage-3tt6dh .search-25t1e9 .searchBox-31Zv9h:focus,.searchPage-3tt6dh .search-25t1e9 .searchBox-31Zv9h:focus-within{border-color:var(--dracula-accent) !important}.css-12hk9yc-control{background-color:var(--dracula-secondary)}.css-ix84ef-menu{background-color:var(--dracula-secondary)}.css-1adxh11-control{background-color:var(--dracula-secondary)}.scroller-1JpcIc{background-color:var(--dracula-primary)}#app-mount .bodySection-3iDdop,#app-mount .row-2qQ--F{background-color:var(--dracula-secondary)}.checkmarkIcon-2YUUhA{color:var(--dracula-accent)}#app-mount .description-X8_53U{color:var(--dracula-accent)}#app-mount .tile-2mmK5T{background-color:var(--dracula-secondary)}#app-mount .tile-2mmK5T:hover{background-color:var(--dracula-tertiary)}#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo:disabled,#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled{background-color:var(--dracula-primary-light)}#app-mount .invalidPoop--w1123{background-color:var(--dracula-secondary)}#app-mount .perksModal-fSYqOq{background-color:var(--dracula-primary)}#app-mount .perk-2WeBWW{background-color:var(--dracula-secondary)}#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo:active,#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover,.lookFilled-yCfaCM.colorBrand-2AuQVo:active,#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,.lookFilled-1Gx00P.colorBrand-3pXr91:active{background-color:var(--dracula-accent-light)}#app-mount .barBackground-unEPDT,#app-mount .tierMarkerBackground-G8FoN4{background-color:var(--dracula-primary-light)}#app-mount .searchAnswer-23w-CH,#app-mount .searchFilter-2UfsDk{background-color:var(--dracula-primary-light)}#app-mount .header-13P3fr{background:var(--dracula-secondary)}.searchPage-3tt6dh .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0{color:var(--dracula-primary-light)}#app-mount .inset-SbsSFp{background-color:var(--dracula-primary)}#app-mount .outer-2JOHae.active-1W_Gl9,#app-mount .outer-2JOHae.interactive-2zD88a:hover{background-color:var(--dracula-tertiary)}#app-mount .popout-3Zw0qN{background-color:var(--dracula-secondary)}#app-mount .separator-2OaeRP{background-color:var(--dracula-tertiary)}#app-mount .enabled-1t_Gxm:hover{background-color:var(--dracula-tertiary)}.colorBrand-21Le_q{color:var(--dracula-accent)}#app-mount .modal-2RrUKJ{background-color:var(--dracula-primary)}.jumpToPresentBar-1cEnH0{padding:0;bottom:8px;border-radius:15px}#app-mount .emojiAliasInput-3ZhdKx .emojiInput-B8MGXq,#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse{background-color:var(--dracula-secondary)}#app-mount .input-2g-os5:focus,#app-mount .input-2g-os5.focused-1AtTHC,#app-mount .input-2g-os5:hover{border-color:var(--dracula-accent)}.border-2Vy6FN.speaking-7QZEkv{box-shadow:inset 0 0 0 2px var(--dracula-accent),inset 0 0 0 3px var(--dracula-secondary)}.wrapper-1gVUIN.fullScreen-KhZZcz,.wrapper-1gVUIN.noChat-2UYgeE{background-color:var(--dracula-primary)}.tile-2TcwiO{background-color:var(--dracula-secondary) !important;border:1px solid var(--dracula-tertiary)}.gradientContainer-phMG8d{background-image:linear-gradient(var(--dracula-secondary), rgba(36, 38, 49, 0.738) 19%, rgba(36, 38, 49, 0.541) 34%, rgba(36, 38, 49, 0.382) 47%, rgba(36, 38, 49, 0.278) 56.5%, rgba(36, 38, 49, 0.194) 65%, rgba(36, 38, 49, 0.126) 73%, rgba(36, 38, 49, 0.075) 80.2%, rgba(36, 38, 49, 0.042) 86.1%, rgba(36, 38, 49, 0.021) 91%, rgba(36, 38, 49, 0.008) 95.2%, rgba(36, 38, 49, 0.002) 98.2%, transparent)}.colorable-3rVGna.primaryDark-2UJt1G{background-color:var(--dracula-secondary)}.colorable-3rVGna.primaryDark-2UJt1G:hover{background-color:var(--dracula-tertiary)}.colorable-3rVGna.white-11auuQ{background-color:var(--dracula-accent);color:#fff}.colorable-3rVGna.white-11auuQ .centerIcon-2G6o-T{color:#fff}.colorable-3rVGna.white-11auuQ.active-1QRrIS{background-color:var(--dracula-accent)}.colorable-3rVGna.white-11auuQ:hover{background-color:var(--dracula-accent-light)}.colorable-3rVGna.white-11auuQ,.colorable-3rVGna.white-11auuQ .centerIcon-JYpTUi{color:#fff}.colorable-3rVGna.white-11auuQ.active-3D763s{background-color:var(--dracula-accent)}.colorable-3rVGna.white-11auuQ:hover{background-color:var(--dracula-accent-light)}.colorable-3rVGna.white-11auuQ,.colorable-3rVGna.white-11auuQ .centerIcon-JYpTUi{color:#fff}.colorDefault-CDqZdO .checkbox-hADx5o,.colorDefault-CDqZdO .radioSelection-1UHp0b{color:var(--dracula-accent)}#app-mount .wanderingCubesItem-3Us-UG{background-color:var(--dracula-accent)}.videoWrapper-3rtb_V{background-color:var(--dracula-secondary)}.button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx,.button-1EGGcP .buttonColor-3bP3fX.buttonActive-Uc1jHx{background-color:var(--dracula-accent-light)}.button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx:hover,.button-1EGGcP .buttonColor-3bP3fX.buttonActive-Uc1jHx:hover{background-color:var(--dracula-accent-light)}.button-3Vyz67{background-color:var(--dracula-accent)}.button-3Vyz67:hover{background-color:var(--dracula-accent-light)}.lookOutlined-3sRXeN.colorGreen-29iAKY{color:var(--dracula-accent);border-color:var(--dracula-accent)}.lookOutlined-3sRXeN.colorGreen-29iAKY:active{background-color:var(--dracula-accent-light)}.lookFilled-yCfaCM.colorGreen-29iAKY,.lookFilled-1Gx00P.colorGreen-29iAKY{background-color:var(--dracula-accent)}.lookOutlined-3sRXeN.colorGreen-29iAKY:active{background-color:var(--dracula-accent-light);color:#fff}.icon-N9JZb6:not(.iconServer-GeSR0b){color:var(--dracula-accent)}.checkbox-f1HnKB[style="width: 24px; height: 24px; border-color: rgb(114, 137, 218); background-color: rgb(114, 137, 218);"]{background-color:var(--dracula-accent) !important;border-color:var(--dracula-accent-dark) !important}.checkbox-f1HnKB[style="width: 24px; height: 24px; border-color: rgb(67, 181, 129); background-color: rgb(67, 181, 129);"]{background-color:var(--dracula-accent) !important;border-color:var(--dracula-accent) !important}.checkbox-f1HnKB[style="width: 24px; height: 24px; border-color: rgba(67, 181, 129, 0.15); background-color: rgba(67, 181, 129, 0.15);"]{background-color:var(--dracula-accent-alpha) !important;border-color:var(--dracula-accent-alpha) !important}path[d="M8.99991 16.17L4.82991 12L3.40991 13.41L8.99991 19L20.9999 7.00003L19.5899 5.59003L8.99991 16.17Z"][fill="#43b581"]{fill:var(--dracula-accent)}#app-mount .default-1Tkeeg{background-color:var(--dracula-secondary)}#app-mount .default-1Tkeeg:hover{background-color:var(--dracula-tertiary)}#app-mount .override-1sK4r0:hover{background-color:var(--dracula-tertiary)}.channelTextArea-1VQBuV{border-radius:25px}#app-mount .form-3gdLxP:before{display:none}.css-dwar6a-menu{background-color:var(--dracula-secondary)}.css-rzbxvl-option{background-color:var(--dracula-tertiary)}#app-mount .defaultIndicator-2ndWks{background-color:var(--dracula-accent)}#app-mount .keyboardShortcutsModal-2CRmCm{background-color:var(--dracula-secondary)}#app-mount .colorPickerCustom-1swUKF{background:var(--dracula-primary);border-color:var(--dracula-tertiary)}#app-mount .notDetected-2HEmAp{background-color:var(--dracula-primary-light)}#app-mount .addGamePopout-3yePJc{background-color:var(--dracula-primary)}.css-6fzn47-control:hover{border-color:var(--dracula-accent)}#app-mount .container-KM8BU6,#app-mount .reactors-1VXca7{background-color:var(--dracula-primary)}#app-mount .scroller-2GkvCq{background-color:var(--dracula-secondary)}#app-mount .reactionSelected-1aMb2K{background-color:var(--dracula-accent)}#app-mount .bd-addon-list .bd-addon-card{background-color:var(--dracula-secondary);border-color:var(--dracula-tertiary)}#app-mount .bd-addon-list .bd-card-footer{border-top-color:var(--dracula-tertiary)}#app-mount .bd-addon-list .bda-header{border-bottom-color:var(--dracula-tertiary)}.bd-search-wrapper{background-color:var(--dracula-secondary)}.bd-select .bd-select-options{background:var(--dracula-secondary)}.bd-select .bd-select-option:hover,.bd-select .bd-select-option.selected{background:var(--dracula-tertiary)}#bd-settingspane-container .ui-switch-item .style-description{border-bottom:none}#app-mount .container-1S70rv .sectionTag-28mLyE{background-color:var(--dracula-primary)}#app-mount .autocompleteArrow-jJE9TQ,#app-mount .header-3i_Csh{background-color:var(--dracula-secondary)}#app-mount .invite-3uuHYQ{background-color:var(--dracula-secondary);border-color:var(--dracula-tertiary)}.lookFilled-1Gx00P.colorGrey-2DXtkV:disabled{background-color:var(--dracula-primary-light)}.attachButtonPlay-1ATmb5{color:var(--dracula-accent)}.lookLink-9FtZy-.colorBrand-3pXr91{color:var(--dracula-accent)}.lookLink-9FtZy-.colorBrand-3pXr91:hover .contents-3ca1mk,.lookLink-9FtZy-.colorBrand-3pXr91:hover .contents-18-Yxp{background-image:linear-gradient(0deg, transparent, transparent 1px, var(--dracula-accent) 0, var(--dracula-accent) 2px, transparent 0)}.ephemeralMessage-11q8XZ a{color:var(--dracula-accent)}.operations-3q3u6E>a{color:var(--dracula-accent)}#app-mount .container-1ILvLB .header-2C89wJ,#app-mount .container-1ILvLB section{background-color:var(--dracula-secondary)}#app-mount .popoutList-10IFAa{background:var(--dracula-primary)}.container-2oNtJn{background-color:var(--dracula-secondary)}#app-mount .contentWrapper-3oy4Xo{background:var(--dracula-primary)}.attachedBars-2BCP3l{margin:0 20px 0 20px}.powercord-codeblock-copy-btn.copied{background-color:var(--dracula-accent) !important}.colorInfo-1kEg3T{background-color:var(--dracula-accent)}.outer-2JOHae:not(.wrapper-2RrXDg){background-color:var(--dracula-primary)}.containerUserOver-SDa1HW:after{background-color:var(--dracula-accent-alpha);border:2px solid var(--dracula-accent-alpha-alt2)}#app-mount .path2-F-M5gP,#app-mount .path-lhsLSV{stroke:var(--dracula-accent)}#app-mount .path3-3tVOpU{stroke:var(--dracula-accent-dark)}#app-mount .categoryFadeBlurple-1HuV1x{background-color:rgba(189,147,249,.8)}#app-mount .categoryFadeBlurple-1HuV1x:hover{background-color:rgba(189,147,249,.95)}#app-mount .result-3OpoO7:hover:after{-webkit-box-shadow:inset 0 0 0 2px var(--dracula-accent),inset 0 0 0 3px var(--dracula-secondary);box-shadow:inset 0 0 0 2px var(--dracula-accent),inset 0 0 0 3px var(--dracula-secondary)}#app-mount .authBox-1HR6Ha{background:var(--dracula-primary)}.avatarUploaderInner-yEhTv5{background-color:var(--dracula-accent)}html.theme-light #app-mount::after{content:"You need to have dark theme enabled for dracula to work properly. To enable it, go into Settings -> Appearance";background:var(--dracula-tertiary);position:fixed;z-index:5;right:0;bottom:0;display:flex;align-items:center;max-width:250px;line-height:normal;padding:15px 0 15px 60px;margin-right:10px;margin-bottom:10px;border-left:3px solid #f04747;border-radius:3px;color:rgba(255,255,255,.65);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMSAyMWgyMkwxMiAyIDEgMjF6bTEyLTNoLTJ2LTJoMnYyem0wLTRoLTJ2LTRoMnY0eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:35px;background-position:10px center}.active-WHsd77{background-color:var(--dracula-accent) !important}.progressBar-1T6LYX{background-color:var(--dracula-accent) !important}.layerContainer-2v_Sit .layer-2aCOJ3[style*="position: absolute; left: 100px;"]{left:72px !important}.container-1ILvLB{width:240px;box-shadow:0 8px 16px rgba(0,0,0,.24)}.layerContainer-2v_Sit .layer-2aCOJ3[style*="position: absolute; left: 100px;"] .container-1ILvLB header{background-color:var(--toast-header)}.layerContainer-2v_Sit .layer-2aCOJ3[style*="position: absolute; left: 100px;"] .container-1ILvLB section{background-color:var(--deprecated-panel-background)}.container-1ILvLB section p:nth-of-type(1){font-size:0}.container-1ILvLB section p:nth-of-type(2){display:none}.container-1ILvLB section strong{font-size:14px;white-space:pre}.container-1ILvLB section strong::before{font-weight:normal}.container-1ILvLB section strong:nth-of-type(1)::before{content:"Server: "}.container-1ILvLB section strong:nth-of-type(2)::before{content:"Average Ping: "}.container-1ILvLB section strong:nth-of-type(3)::before{content:"Last Ping: "}.container-1ILvLB section strong:nth-of-type(4)::before{content:"Packet Loss: "}.iconBadge-3qSJIw{background-color:#43b581}.iconBadge-3qSJIw.participating-1NvRVd{background-color:var(--dracula-accent)}.container-3NTP7o{border-radius:25px}.userSettingsVoice-1_dzjw,.container-3NTP7o{width:auto !important}.theme-dark .notches-2w7UZJ.gray-3wP137{display:none}.theme-dark .progress-1S-TDF,.theme-light .progress-1S-TDF{background:var(--dracula-primary)}.micTestCaption-3wFDcZ{top:32px;left:148px}.micTestButton-1Qz8Oq{width:140px}#app-mount .item-3XjbnG[data-item-id=bdCompat],#app-mount .item-3XjbnG[data-item-id=theme-toggler]{order:1}.item-3XjbnG[data-item-id=pc-moduleManager-plugins]~div{order:2}.icon-2W8DHg{width:15px}#app-mount .wrapper-1ZcZW-{border-radius:5px;padding-top:2px;padding-right:3px;padding-bottom:2px;font-size:.9em}.channelIcon-3I2O7O{width:1em;height:1em;top:.4em}.mention.iconMentionText-1_WCtN{padding-left:1rem}.BIV-zoom-lens{border:solid var(--dracula-accent) !important}.BIV-zoom-lens-round{border:2px solid var(--dracula-accent) !important}.top-K_jibn .brand-3g5E0C.item-3XjbnG:hover{border-bottom-color:var(--dracula-accent)}.has-vpc .content-2hZxGK{background-color:var(--dracula-primary) !important}.reaction-2A2y9y.reactionMe-3I9gFK{border-color:var(--dracula-accent)}.reaction-2A2y9y:hover{border-color:var(--dracula-accent)}#app-mount .wrapper-1ZcZW-{background-color:var(--dracula-accent-alpha)}#app-mount .contentWarningPopout-WKdbDG{background-color:var(--dracula-secondary)}.checkbox-f1HnKB{border-color:var(--dracula-accent) !important;background-color:var(--dracula-accent) !important}::selection{background-color:var(--dracula-accent-dark)}.premiumTabItem-1QTfBr[aria-selected=true]{background-color:var(--dracula-accent) !important}.premiumTabItem-1QTfBr[aria-selected=true]:hover{background-color:var(--dracula-accent-light) !important}.side-2ur1Qk>.item-3XjbnG[data-item-id=DiscordNitro]:not(.role-3pGE29)::before{--settings-icon-color: #ffffff}.PronounDB-style-container .PronounDB-style-header{color:var(--dracula-accent)}.theme-dark .newPopoutActivityStyles button,.theme-dark .newProfileActivityStyles button,.theme-light .newPopoutActivityStyles button,.theme-light .newProfileActivityStyles button{color:#fff}.container-2o3qEW{background-color:var(--dracula-primary)}.button-y6hemj[disabled]>.innerButton-1aF_E_>.buttonChild-33lB5F,.buttonChild-33lB5F{color:var(--dracula-accent)}
lbrucher
Sample app integrating jQuery UI DatePicker with AngularJS
touyou
Sample Todo App with New CollectionViewListCell, DiffableDataSource and DatePicker
sebagomez
Tired of not having a DatePicker for WinPhone WinJS apps I decided to go ahead and create one.
boscojwho
A SwiftUI time picker on macOS that behaves like those found in Clock.app, unlike SwiftUI's DatePicker.
medendale
Eventify ia An event organization web app with authentication, event management, search, filtering, categories, checkout, and payments The app was made using Next JS , Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose, Clerk, and Stripe.
Alekhandro24
An event organization web app like Eventbrite or Meetup with authentication, event management, search, filtering, categories, checkout, and payments using Next JS 14, Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose, Clerk, and Stripe.
badiniibrahim
Build an event organization web app like Eventbrite or Meetup with authentication, event management, search, filtering, categories, checkout, and payments using Next JS 14, Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose, Clerk, and Stripe.
orarojack
Build an event organization web app like Eventbrite or Meetup with authentication, event management, search, filtering, categories, checkout, and payments using Next JS 14, Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose, Clerk, and Stripe.
SyncfusionExamples
A quick-start example to add the Syncfusion Flutter Datepicker package to a Flutter app. Learn to add a DateRangePicker, change picker views, selection modes, and get selected dates. Display action buttons (Ok and Cancel) at the bottom, use them to get selected values and clear the selection.
Tim77277
"WizardUIKit is a library that includes reusable and customizable UI elements such as StatusAlerts, ActionAlert, ImageActionAlert, ProgressAlert, StringPicker and DatePicker that developers can take an advantage with so that developers do not need to make those UI again and again in different projects and apps. Of course, if you need a very unique design to fit your app then you still need to make one on your own. However, WizardUIKit provides common used UIs with a clean, simple and general design. You can change the design property such as images, text color, text font, background color...etc to feet your need."
MaiaraSanto
Decidir fazer este desafio, que é criar um app ( com alguns ajustes rsrs) de uma Tabela com nome dos vendedores e suas respectivas vendas, em um intervalo de um ano, onde faz-se a integração do Back, Front e Banco de Dados. Neste Projeto, foram usados os seguintes apetrechos: #react #nodejs #frontend =Nodejs 16; Yarn ;STS; VS Code ; IntelliCode ; ESLint ;JSX ;HTML <tags/> Criação projeto Spring Boot. Criar projeto Spring Boot no Spring Initializr com as seguintes dependências: Web ;JPA ;H2 ;Security "Limpar" o projeto ReactJS https://github.com/acenelio/dsmeta-css Componentes; Datepicker: Documentação: https://github.com/Hacker0x01/react-datepicker React Hook useState para manter estado das datas: Postman (Vídeo: https://youtu.be/CWKLVapcnCU ) Heroku CLI (Vídeo: https://youtu.be/70LUh5KNaEk ) Criação entidade Sale; Mapeamento objeto-relacional (JPA); Configuração dos dados de conexão do Banco de Dados H2; Estruturação do Seed do banco de dados; application.properties: teste de Endpoint da API REST: Criação Repository; Criação Service; Criação Controller Envio de SMS; Dependências Maven do Twilio: Implantação no Heroku; Arquivo system.properties; Criar app no Heroku ; Definir variáveis de ambiente; TWILIO_SID TWILIO_KEY; TWILIO_PHONE_FROM ;TWILIO_PHONE_TO Requisição com Axios e useEffect: yarn add axios@0.27.2; Enviar notificação: Toast de confirmação yarn add react-toastify@9.0.5 Deploy no Netlify: https://www.netlify.com/ ; Deploy básico: Base directory: frontend; Build command: yarn build; Publish directory: frontend/dist ; Variáveis de ambiente: VITE_BACKEND_URL; Configurações adicionais Site settings -> Domain Management: (colocar o nome que quiser) Deploys -> Trigger deploy